<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script src="js/jquery-1.11.1.js"></script>
<script>
function zhuce(){
var uname = $("#uname").val();
var zzname=/^[a-z A-Z 0-9]{1,}$/;//验证账号名字
console.log(zzname.test(uname)+"账号");
var rname=zzname.test(uname);
if(rname==false){
$("#s_uname").html("账号不正确");
}else{
$("#s_uname").html("√");
}
var upwd = $("#upwd").val();
var zzpwd=/^[A-Z][a-z A-Z 0-9]{1,}$/;
console.log(zzpwd.test(upwd)+"密码");
var rpwd=zzpwd.test(upwd);
if(rpwd==false){
$("#s_upwd").html("密码不正确");
}else{
$("#s_upwd").html("√");
}
var upwd1 = $("#upwd1").val();
if(upwd!=upwd1){
$("#s_upwd1").html("两次密码不一致");
}else{
$("#s_upwd1").html("√");
}
var uname1 = $("#uname1").val();//昵称
var zzuname1=/[我是昵称1 我是昵称2]{1,}$/;
console.log(zzuname1.test(uname1)+"昵称");
var rname1=zzuname1.test(uname1);
if(rname1==true||uname1==""){
$("#s_uname1").html("昵称重复不为空");
}else{
$("#s_uname1").html("昵称可用");
}
var uchusheng = $("#uke").val();//出生日期
var ucode = $("#ucode").val();
var zzcode=/^[0-9]{18,18}$/;
console.log(zzcode.test(ucode)+"身份");
var rcode=zzcode.test(ucode);
if(rcode==false){
$("#s_ucode").html("身份不正确");
return false;
}else{
$("#s_ucode").html("√");
}
var utel = $("#utel").val();
var zzutel=/^1[0-9]{10,10}$/;
console.log(zzutel.test(utel)+"电话");
var rtel=zzutel.test(utel);
if(rtel==false){
$("#s_utel").html("电话不正确");
return false;
}else{
$("#s_utel").html("√");
}
var uqq = $("#uqq").val();
var zzqq=/^[0-9]{5,5}$/;
console.log(zzqq.test(uqq)+"qq");
var rtel=zzqq.test(uqq);
if(rtel==false){
$("#s_uqq").html("qq不正确");
return false;
}else{
$("#s_uqq").html("√");
}
var ue = $("#ue").val();
var zzue=/[@.com]{1,}/;
console.log(zzue.test(ue)+"===qq");
var rue=zzqq.test(ue);
if(rue==false){
$("#s_ue").html("youxiang不正确");
return false;
}else{
$("#s_ue").html("√");
}
return false;
}
</script>
</head>
<body>
<form action="#" οnsubmit="return zhuce()">
账号<input id="uname" /><span id="s_uname"></span><br />
密码<input id="upwd" /><span id="s_upwd"></span><br />
重复密码<input id="upwd1" /><span id="s_upwd1"></span><br />
昵称<input id="uname1" /><span id="s_uname1"></span><br />
出生日期<input id="uke" /><span id="s_uke"></span><br />
性别 <input type="radio" />汉子<input type="radio" />妹子<br />
身份证号<input id="ucode" /><span id="s_ucode"></span><br />
手机号<input id="utel" /><span id="s_utel"></span><br />
qq<input id="uqq" /><span id="s_uqq"></span><br />
邮箱<input id="ue" /><span id="s_ue"></span><br />
<input type="submit" value="提交" id="tj"/>
<input type="reset" value="清空" id="qk"/>
</form>
</body>
</html>
表单提交判断
最新推荐文章于 2021-09-14 17:13:57 发布