正则验证,电话,姓名等实例



**********html部分***********

















































昵称



登录账号
登录密码


二次验证
电话


图片验证码
style="margin-left: 10px; cursor: pointer;">看不请,换一张



type="checkbox" id="cb" />注册服务协议
class="btn btnSize_6 btn_orange" style="background-color: gray;"
disabled="disabled" />











*****************js 部分************************
$(function() {
//昵称验证,必须是汉字
$("#nickname").mouseout(function() {
//姓名格式比对
var acc = $("#nickname").val().trim();
var sgl = /[\u4E00-\u9FA5]+/;
if (sgl.test(acc)) {
$("#pnickname").text("昵称正确").css("color", "green");
$("#state").val("1")
} else {
$("#pnickname").text("昵称必须是汉字").css("color", "red");
$("#state").val("0")
}
})


//账号验证,必须是4-12字符间字母、数字或下划线
$("#code").mouseout(function() {
//账号格式比对
var acc = $("#code").val().trim();
var sgl = /^\w{4,12}$/;
if (sgl.test(acc)) {
$("#pcode").text("账号可用").css("color", "green");
$("#state").val("1")
} else {
$("#pcode").text("必须是4-12字符间字母、数字或下划线").css("color", "red");
$("#state").val("0")
}
})


//点击显示密码
$('#pwd').hideShowPassword({
innerToggle : true,
touchSupport : Modernizr.touch
});


//第一次密码验证,必须是8-16位的字母、数字
$("#pwd").mouseout(function() {
//账号格式比对
var acc = $("#pwd").val().trim();
var sgl = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{8,16}$/;
if (sgl.test(acc)) {
$("#ppwd").text("密码可用").css("color", "green");
$("#state").val("1")
} else {
$("#ppwd").text("密码须是8-16字符间字母+数字").css("color", "red");
$("#state").val("0")
}
})


//二次密码验证,一二次密码比对,
$("#pwd2").mouseout(function() {
//账号格式比对
var pwd2 = $("#pwd2").val().trim();
var pwd = $("#pwd").val().trim();
if (pwd2 == pwd) {
//的二次密码为空
if (pwd2 == "") {
$("#ppwd2").text("密码不能为空").css("color", "red");
$("#state").val("0")
} else {
$("#ppwd2").text("密码一致").css("color", "green");
$("#state").val("1")
;
}
} else {
$("#ppwd2").text("两次输入密码不一致").css("color", "red");
$("#state").val("0")
}
})


//手机号验证,开头是1
$("#tel").mouseout(function() {
//账号格式比对
var acc = $("#tel").val();
var sgl = /^1\d{10}$/;
if (sgl.test(acc)) {
$("#iphone").text("号码正确").css("color", "green");
$("#state").val("1")
} else {
$("#iphone").text("号码错误").css("color", "red");
$("#state").val("0")
}
})


//验证码验证
$("#yanzhengma").mouseout(function () {
$.post("<%=request.getContextPath()%>/user_do_yzm.do", {
"yzm" : $("#yanzhengma").val()
}, function(result) {
if (result == 'equ') {
$("#pyanzhengma").html("验证码输入正确")
$("#pyanzhengma").css("color", "green");
} else {
$("#pyanzhengma").html("验证码输入错误")
$("#pyanzhengma").css("color", "red");
}
})
})
//邮箱格式验证
     $("#mail").blur(function(){
var ml=$("#mail").val();
var reg = /^([a-zA-Z0-9_-])+@([a-zA-Z0-9_-])+(.[a-zA-Z0-9_-])+/; 
if (reg.test(ml)) {
$("#tmail").text("格式正确").css("color", "green");
} else {
$("#tmail").text("格式有误").css("color", "red");

}
})




})

你可能感兴趣的:(正则验证,电话,姓名等实例)