笔记
自己写的一个表单验证 是一项一项的验证 此处借鉴了博友的全局变量 不然没有办法在最后验证的时候确保验证都通过了 下面我贴出我写的代码.....
<script>
$(function(){
var flag1=false;
var flag2=false;
var flag3=false;
var flag4=false;
var flag5=false;
var flag6=false;
$('input.userName').blur(function(){
var reg =/^\w{4,}$/,
userName = $(this).val(),
zhen = $("input.userName").parent().siblings().children("label");
if(userName==""||(!reg.test(userName))){
zhen.html("请输入账号,并且账号须大于4位 !谢谢··");
flag1 = false;
}else{
zhen.html("");
flag1 = true;
}
})
$("input.pwd").blur(function(){
var pwd = $(this).val(),
reg =/^\w{4,16}$/,
zhen = $("input.pwd").parent().siblings().children("label");
if(pwd==""||(!reg.test(pwd))){
zhen.html("请输入密码,并且密码由数字构成,长度在4-16位之间 !");
flag2 = false;
}else{
zhen.html("");
flag2 = true;
}
surepass();
})
$("input.rpwd").blur(function(){
surepass();
})
function surepass(){
var rpwd = $('.rpwd').val(),
pwd = $('.pwd').val(),
zhen = $("input.rpwd").parent().siblings().children("label");
if(rpwd!=="" && pwd!==""){
if(rpwd!==pwd){
zhen.html("两次密码输入不一致,请核对后重新输入! 谢谢··");
flag3 = false;
}else{
zhen.html("");
flag3 = true;
}
}else{
zhen.html("密码不能空,请核对后重新输入!谢谢··");
flag3 = false;
}
}
// 银行卡
$("input.bank").blur(function(){
var bank = $(this).val(),
reg = /(^\d{16}|\d{19})$/,
zhen = $("input.bank").parent().siblings().children("label");
if(!reg.test(bank)){
zhen.html("请输入正确位数的银行卡号! 谢谢··");
flag6 = false;
}else{
zhen.html("");
flag6 = true;
}
})
// 用户名
$('input.Name').blur(function(){
var Name = $("input.Name").val(),
testValue=/^[\u2E80-\u9FFF]+$/,
zhen = $("input.Name").parent().siblings().children("label");
if(testValue.test(Name)){
if(Name.length> 4 || Name.length <= 1){
zhen.html("姓名为2-4个字符 !");
flag4 = false;
}else{
zhen.html("");
flag4=true;
}
}else{
zhen.html("姓名必须为汉字! 谢谢··")
flag4 = false;
}
})
$("input.idCard").blur(function(){
var idCard = $(".idCard").val(),
sfz = /(^\d{15}$)|(^\d{18}$)|(^\d{17}(\d|X|x)$)/;
zhen = $("input.idCard").parent().siblings().children("label");
if(!sfz.test(parseInt(idCard))){
zhen.html("请输入正确的身份证号码 谢谢··");
flag5=false;
}else{
zhen.html("");
flag5=true;
}
})
$("#sub").click(function () {
if(flag1 && flag2 && flag3 && flag4 && flag5 && flag6){
// alert("成功")
$("#form").submit();
}
else{
layer.alert("请填写以上内容,谢谢!",{"icon":5,timer:1500});
return false;
}
})
})
</script>
此处用的是的匿名函数的方法。。。