密码强中弱,短信提示时间按钮

最新推荐文章于 2022-08-16 17:59:11 发布

Limxboys

最新推荐文章于 2022-08-16 17:59:11 发布

阅读量540

点赞数

分类专栏： java基础文章标签： jquery 密码

本文链接：https://blog.csdn.net/u010880345/article/details/51002848

版权

java基础专栏收录该内容

24 篇文章 0 订阅

订阅专栏

//密码
	$('#pass').keyup(function(){ 
	var password=$("#pass").val();
	var qiang=/^((?=.*[0-9].*)(?=.*[A-Za-z].*)(?=.*_.*))[_0-9A-Za-z]{6,16}$/;
	/* var zhong =/(?!^\d+$)(?!^[a-zA-Z]+$)[0-9a-zA-Z]{6,16}/; */
	var zhong =/^(?![^a-zA-Z]+$)(?!\D+$).{6,16}$/;
	var ruo=/^[0-9a-zA-Z]*$/g; 
	var enoughRegex = new RegExp("(?=.{6,}).*", "g"); 
	if(ruo.test(password)){
	$('#div2').removeClass('zhong');
	$('#div2').removeClass('qiang'); 
	$('#div2').addClass('ruo'); 
	}
	if(zhong.test(password)){
	$('#div2').removeClass('ruo');
	$('#div2').removeClass('qiang'); 
	$('#div2').addClass('zhong'); 
	}
	if(qiang.test(password)){
	$('#div2').removeClass('zhong');
	$('#div2').removeClass('ruo'); 
	$('#div2').addClass('qiang'); 
	}

	});

样式：

.qiang{background:url('<%=basePath%>/images/password/3.png') no-repeat;width:150px;height:40px;float:left;} 
.zhong{background:url('<%=basePath%>/images/password/2.png') no-repeat;width:150px;height:40px;float:left;} 
.ruo{background:url('<%=basePath%>/images/password/1.png') no-repeat;width:150px;height:40px;float:left;}

短信验证码提示框

	//给发送验证码按钮绑定点击事件
	var InterValObj; //timer变量，控制时间
var count = 60; //间隔函数，1秒执行
var curCount;//当前剩余秒数
	$(function() {

		$("#pt1").click(function() {
		
				var phone = $("#phone").val();
		  		if(phone==""){
		  			$("#alert2").text("*手机号不能为空");
		  		}else{
		  			var reg = /^(13[0-9]|14[5|7]|15[0|1|2|3|5|6|7|8|9]|18[0|1|2|3|5|6|7|8|9])\d{8}$/;
					if(reg.test(phone)){
					curCount = count;
				　　//设置button效果，开始计时
				     $("#pt1").attr("disabled", "true");
				     $("#pt1").val("请在" + curCount + "秒内输入验证码");
				     InterValObj = window.setInterval(SetRemainTime, 1000); //启动计时器，1秒执行一次
					
						$.ajax({
					url:"<%=path%>/enterprise/sendcode.do",
					type:"POST",
					data:{
		   				regist_phone : phone
		   			}, 
					dataType:"json",
					success:function(data){
					}
				});
					}else{
						$("#alert2").text("*格式不正确");
					};
				};
		
		
			
		});
	});

	//timer处理函数
function SetRemainTime() {
            if (curCount == 0) {                
                window.clearInterval(InterValObj);//停止计时器
                $("#pt1").removeAttr("disabled");//启用按钮
                $("#pt1").val("重新发送验证码");
                $("#pt1").css('background-color','#e0e0e0');
            }
            else {
                curCount--;
                $("#pt1").val("请在" + curCount + "秒内输入验证码");
                 $("#pt1").css('background-color','#8e8e8e');
            }
        }

页面

	<li ><p><span style="color: red">*</span>手机号码:</p><input class="inpt1"  type="text" id="phone"
						name="" /><input class="inpt2"  type="button" value="发送验证码" id="pt1" />
						
						
					</li>