素材网 素材网

jQuery表单验证与表单美化手机发送验证码倒计时插件

下载资源()次

阅读次数()次

发布时间:2015-04-21

jQuery表单验证与表单美化手机发送验证码倒计时插件
分享到:

用法简介:

来源:xw素材网

jQuery表单验证与表单美化手机发送验证码倒计时插件。
文件引用:

<script src="js/jquery-1.8.3.min.js"></script>
<script>
var sends = {
checked:1,
send:function(){
var numbers = /^1\d{10}$/;
var val = $('#phone').val().replace(/\s+/g,""); //获取输入手机号码
if($('.div-phone').find('span').length == 0 && $('.div-phone a').attr('class') == 'send1'){
	if(!numbers.test(val) || val.length ==0){
		$('.div-phone').append('<span class="error">手机格式错误</span>');
		return false;
	}
}
if(numbers.test(val)){
	var time = 30;
	$('.div-phone span').remove();
	function timeCountDown(){
		if(time==0){
			clearInterval(timer);
			$('.div-phone a').addClass('send1').removeClass('send0').html("发送验证码");
			sends.checked = 1;
			return true;
		}
		$('.div-phone a').html(time+"S后再次发送");
		time--;
		return false;
		sends.checked = 0;
	}
	$('.div-phone a').addClass('send0').removeClass('send1');
	timeCountDown();
	var timer = setInterval(timeCountDown,1000);
}
}
}
</script>


   

网友评论:

评论

发表 剩余字数:20

一、不得利用本站危害国家安全、泄露国家秘密,不得侵犯国家社会集体的和公民的合法权益,不得利用本站制作、复制和传播不法有害信息!

二、互相尊重,对自己的言论和行为负责。

@ 2013 xwcms.net . All Rights Reserved. xw素材网 | 备案号:晋ICP备13005902号 联系管理员
×

邮箱订阅

什么是邮箱订阅?

邮箱订阅是xw素材网为jquery爱好者与web程序员提供一项以邮箱的方式发送最新jquery资源与素材资源的模式,用户只需在左侧填写正确的邮箱用户名与邮箱地址我们将每天推荐最新优质资源到用户邮箱。当然每份邮箱都会有一个取消订阅按钮,当用户点击取消按钮时我们将会停止对用户发送邮箱资源推送。再次感谢大家对xw素材网的支持与关注。