jQuery 表单验证
1.判断文本是否为空：
1 IsEmpty:function(obj,hint,objName){ 2 var _this=obj; 3 if(objName==undefined){ 4 objName=""; 5 } 6 if($.trim($(_this).val())==''){ 7 $(_this).css("border",red); 8 $(hint).html("提示："+objName+"不能为空"); 9 return false; 10 11 }else{ 12 $(_this).css("border",gray); 13 $(hint).html(""); 14 return true; 15 } 16 },
$.trim()是去掉字符串的前后括号。
2.判断电话号码：
1 IsPhone:function(obj,hint){ 2 var _this=obj; 3 var value=$.trim($(_this).val()); 4 if(!(value=='')){ 5 if(!value.match(/^(?:13\d|15\d|18\d)\d{5}(\d{3}|\*{3})$/)){ 6 $(_this).css("border",red); 7 $(hint).html("提示：电话号码错误"); 8 return false; 9 }else{ 10 $(_this).css("border",gray); 11 $(hint).html(""); 12 return true; 13 } 14 }else{ 15 $(_this).css("border",red); 16 $(hint).html("提示：电话号码不能为空"); 17 return false; 18 } 19 },
3.判断邮政编码是否正确：
1 IsPostalCode:function(obj,hint){ 2 var _this=obj; 3 var value=$.trim($(_this).val()); 4 if(!(value=='')){ 5 if(!value.match(/^[1-9]\d{5}$/)){ 6 $(_this).css("border",red); 7 $(hint).html("提示：邮政编码错误"); 8 return false; 9 }else{ 10 $(_this).css("border",gray); 11 $(hint).html(""); 12 return true; 13 } 14 } else{ 15 $(_this).css("border",red); 16 $(hint).html("提示：邮政编码不能为空"); 17 return false; 18 } 19 },
4.判断身份证是否正确：
1 IsIdCard:function(obj,hint){ 2 var _this=obj; 3 var idCard = $.trim($(_this).val()); 4 var bo = /^(\d{6})(18|19|20)?(\d{2})([01]\d)([0123]\d)(\d{3})(\d{1}|[xX])$/.test(idCard); 5 var year = idCard.substr(6, 4); 6 var month = idCard.substr(10, 2); 7 var day = idCard.substr(12, 2); 8 var dateOfBirth = year + "-" + month + "-" + day; 9 var d = new Date(Date.parse(dateOfBirth.replace(/-/g, "/"))); 10 //获取当前日期 11 var curDate = new Date(); 12 13 //如果身份证不为空 14 if(!($.trim($(_this).val())=='')) { 15 //当身份证长度不为空且长度正确的时候 16 if(bo){ 17 //进行判断 18 if (d > curDate) { 19 $(hint).html("提示：出生日期大于当前日期"); 20 return false; 21 }else{ 22 if (month > 0 && month <= 12) { 23 //如果是大月的情况 24 if (month == 1 || month == 3 || month == 5 || month == 7 || month == 8 || month == 10 || month == 12) { 25 if (day > 0 && day <= 31) { 26 //正确的情况 27 $(_this).css("border", gray); 28 $(hint).html(""); 29 return true; 30 } else { 31 $(_this).css("border", red); 32 $(hint).html("提示：身份证号错误"); 33 return false; 34 } 35 //如果是小月的情况 36 } else if (month == 4 || month == 6 || month == 9 || month == 11) { 37 if (day > 0 && day <= 30) { 38 //正确的情况 39 $(_this).css("border", gray); 40 $(hint).html(""); 41 return true; 42 43 } else { 44 $(_this).css("border", red); 45 $(hint).html("提示：身份证号错误"); 46 return false; 47 } 48 //如果是2月的情况 49 } else if (month == 2) { 50 //如果是闰年2月的情况 51 if (((year % 4) == 0) && ((year % 100) != 0) || ((year % 400) == 0)) { 52 if (day > 0 && day <= 29) { 53 //正确的情况 54 $(_this).css("border", gray); 55 $(hint).html(""); 56 return true; 57 } else { 58 $(_this).css("border", red); 59 $(hint).html("提示：身份证号错误"); 60 return false; 61 } 62 //如果是平年2月的情况 63 } else { 64 if (day > 0 && day <= 28) { 65 //正确的情况 66 $(_this).css("border", gray); 67 $(hint).html(""); 68 return true; 69 } else { 70 $(_this).css("border", red); 71 $(hint).html("提示：身份证号错误"); 72 return false; 73 } 74 } 75 } 76 } 77 } 78 79 //当身份证不为空且长度不正确的时候 80 }else{ 81 82 $(hint).html("提示：身份证号错误"); 83 return false; 84 } 85 //身份证长度为空 86 }else { 87 $(_this).css("border", red); 88 $(hint).html("提示：身份证号不能为空"); 89 return false; 90 } 91 92 },
5.判断银行卡号：
1 IsBankCard:function(obj,hint){ 2 var _this=obj; 3 var value=$.trim($(_this).val()); 4 if(!(value=='')){ 5 if(!value.match(/^(\d{19}|\d{16}|\d{15})$/)){ 6 $(_this).css("border",red); 7 $(hint).html("提示：银行卡号错误"); 8 return false; 9 }else{ 10 $(_this).css("border",gray); 11 $(hint).html(""); 12 return true; 13 } 14 } else{ 15 $(_this).css("border",red); 16 $(hint).html("提示：银行卡号不能为空"); 17 return false; 18 } 19 },
6.判断字符串长度是否正确：
1 IsIsReallyLen:function(obj,len,hint,objName){ 2 var _this=obj; 3 var trimValue=$.trim($(_this).val()).len(); 4 if(!($.trim($(_this).val())=='')){ 5 if(trimValue>len){ 6 $(_this).css("border",red); 7 $(hint).html("提示：长度超出"); 8 return false; 9 }else{ 10 $(_this).css("border",gray); 11 $(hint).html(""); 12 return true; 13 } 14 } else{ 15 if(objName==undefined){ 16 objName=""; 17 } 18 $(_this).css("border",red); 19 $(hint).html("提示："+objName+"不能为空"); 20 return false; 21 } 22 }
