码迷,mamicode.com
首页 > Web开发 > 详细

jQuery 表单验证

时间:2014-10-11 20:58:36      阅读:310      评论:0      收藏:0      [点我收藏+]

标签:style   blog   color   io   os   ar   sp   div   on   

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 表单验证

标签:style   blog   color   io   os   ar   sp   div   on   

原文地址:http://www.cnblogs.com/qiangmin/p/4019371.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!