JQuery 封装的应用还是注册

最新推荐文章于 2022-11-23 22:51:36 发布

morriemg

最新推荐文章于 2022-11-23 22:51:36 发布

阅读量214

点赞数

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

版权

<html>
<head>
<title>JQ 封装的应用注册</title>


<script type="text/javascript" src="http://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js"></script>
<script>
$(function(){
$(".inregister").each(function(){ //遍历input
$(this).blur(function(){
var a=new RegExp($(this).attr("reg")); //获取正则表达式
var b=$(this).attr("errtips"); //获取属性名为errtips的值
$(this).next("span").remove();
if($.trim($(this).val())==""){ //判断是否为空
$(this).after("<span> * 不能为空</span>");
}else{
$(this).next("span").remove();
if(a.test($(this).val().trim())){ //判断输入内容是否符合正则表达式
$(this).after("<span> OK</span>");
}else{
$(this).after("<span>"+b+"</span>");
}
}
})
})
})
</script>
</head>
<body>
<div>
<form name=form1 action="">
姓名：<input type="text" id=inName class=inregister ifok="ifname"/>
<br>
密码：<input type="password" id=inPwd class=inregister reg="^(?=^[0-9a-zA-Z]{4,20}$)\w*[a-zA-Z]+\w*$" errtips=" *请输入4到20位非纯数字" ifok="ifpwd" />
<br>
邮箱：<input type="text" id=inEmail class=inregister reg="^\w+@\w+\.((com)|(cn)|(com\.cn))$" errtips=" *格式不正确" ifok="ifemail"/>
<br>
<input type="submit" id=inSub class=sub value="注册"/>
</form>
</div>
</body>
</html>