jQuery初用注册

最新推荐文章于 2024-05-05 23:56:47 发布

morriemg

最新推荐文章于 2024-05-05 23:56:47 发布

阅读量242

点赞数

本文链接：https://blog.csdn.net/morriemg/article/details/51660063

版权

<html>
<head>
<title>注册 JQ</title>


<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>

<script>
var ifemail =false;
var ifname =false;
var ifpwd =false;

$(function(){ //相当于$(document).ready(function(){})
$("#inName").blur(function(){
var a=$("#inName");
if(a.val().trim()==""){ / /.trim() 去空格
a.next("span").remove();
a.after("<span> * 姓名不能为空</span>"); //在input后加新span
}else{
a.next("span").remove();
a.after("<span> OK</span>");
ifname=true;
}
reg();
})
$("#inPwd").blur(function(){ //密码
var a=$("#inPwd");
if(a.val()==""){
a.next("span").remove();
a.after("<span> * 密码不能为空</span>");
}else{
a.next("span").remove();
var formPwd=/^(?=^[0-9a-zA-Z]{4,20}$)\w*[a-zA-Z]+\w*$/;
if(formPwd.test(a.val())){
a.after("<span> OK</span>");
ifpwd=true;
}else{
a.after("<span> * 格式不正确，请输入4到20位的非纯数字</span>");
}
}
reg();
})
function reg(){ //判断能否注册
if(ifname&&ifpwd){
$("#inSub").attr("disabled",false);
}else{
$("#inSub").attr("disabled",true);
}
}
})
</script>
</head>
<body>
<div>
<form name=form1 action="">
姓名：<input type="text" id=inName class=name"/>
<br>
密码：<input type="password" id=inPwd class=pwd"/>
<br>
<input type="submit" id=inSub class=sub value="注册" disabled/>
</form>
</div>
</body>
</html>