jQuery 表单验证

浏览数：38 / 时间：2015年06月09日

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     })