首页 > 代码库 > jQuery 表单验证

jQuery 表单验证

1.判断文本是否为空:

1  $(".commonVerify").blur(function(){2        if($.trim($(this).val())==‘‘){3            $("#tips").html("不能为空");4            $(this).focus();}5     });

$.trim()是去掉字符串的前后括号。

2.判断电话号码:

 1    //判断电话号码是否正确 2     $(".mobil").blur(function(){ 3         if(!($.trim($(this).val())==‘‘)){ 4             if(!$(this).val().match(/^1[3|4|5|8][0-9]\d{4,8}$/)){ 5                 $(this).focus(); 6                 $("#tips").html("电话号码错误"); 7             }else{ 8                 $("#tips").html(""); 9             }10         }else{11             $(this).focus();12             $("#tips").html("不能为空");13         }14     });15    

3.判断邮政编码是否正确:

 1     //判断邮政编码是否正确 2    $("#postalCode").blur(function(){ 3        if(!($.trim($(this).val())==‘‘)){ 4            if(!$(this).val().match(/^[1-9]\d{5}$/)){ 5                $(this).focus(); 6                $("#tips").html("邮政编码错误:应为6位数"); 7            }else{ 8                $("#tips").html(""); 9            }10        } else{11            $(this).focus();12            $("#tips").html("不能为空");13        }14    });

4.判断身份证是否正确:

 1  $("#idCard").blur(function() { 2         var idCard = $("#idCard").val(); 3         var bo = /^(\d{6})(18|19|20)?(\d{2})([01]\d)([0123]\d)(\d{3})(\d|X)?$/.test(idCard); 4         var year = idCard.substr(6, 4); 5         var month = idCard.substr(10, 2); 6         var day = idCard.substr(12, 2); 7  8         if(!($.trim($(this).val())==‘‘)){ 9             if (bo == false || month > 12 || day > 31) {10 11                 $("#tips").html("请输入正确的身份证号码!");12             }else{13                 $("#tips").html("");14             }15         }else{16             $(this).focus();17             $("#tips").html("不能为空");18         }19     });

5.判断银行卡号:

 1 $("#bankCard").blur(function(){ 2         if(!($.trim($(this).val())==‘‘)){ 3             if(!$(this).val().match(/^\d{19}$/)){ 4                 $(this).focus(); 5                 $("#tips").html("格式错误,应该为19位数字"); 6             }else{ 7                 $("#tips").html(""); 8             } 9         } else{10             $(this).focus();11             $("#tips").html("不能为空");12         }13 14     })

 

jQuery 表单验证