jquery 表单验证

最新推荐文章于 2024-05-23 22:33:59 发布

hjingtao

最新推荐文章于 2024-05-23 22:33:59 发布

阅读量432

点赞数

文章标签： jquery function input server email asp

本文链接：https://blog.csdn.net/hjingtao/article/details/7451271

版权

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="yanzheng.aspx.cs" Inherits="WebApplication1.yanzheng" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
    <style type="text/css">
        .style1
        {
            width: 100%;
        }
    </style>
    <script src="Jquery1.7.js" type="text/javascript"></script>
    <script src="jquery.validate.js" type="text/javascript"></script>
    <script src="messages_cn.js" type="text/javascript"></script>
    <script type="text/javascript">  
 function checkidcard(num){  
     var len = num.length, re;  
     if (len == 15)  
         re = new RegExp(/^(\d{6})()?(\d{2})(\d{2})(\d{2})(\d{3})$/);  
     else if (len == 18)  
         re = new RegExp(/^(\d{6})()?(\d{4})(\d{2})(\d{2})(\d{3})(\d)$/);  
     else{  
         //alert("请输入15或18位身份证号,您输入的是 "+len+ "位");   
         return false;  
     }  
     var a = num.match(re);  
     if (a != null){  
         if (len==15){  
             var D = new Date("19"+a[3]+"/"+a[4]+"/"+a[5]);  
            var B = D.getYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];  
         }else{  
             var D = new Date(a[3]+"/"+a[4]+"/"+a[5]);  
             var B = D.getFullYear()==a[3]&&(D.getMonth()+1)==a[4]&&D.getDate()==a[5];  
         }  
         if (!B){  
             //alert("输入的身份证号 "+ a[0] +" 里出生日期不对！");   
             return false;  
         }  
     }  
   
     return true;  
 }   
 </script>  

     <script type="text/javascript">
     jQuery.validator.addMethod("isIdCardNo", function(value, element) {     
         return this.optional(element) || checkidcard(value);     
     }, "请正确输入您的身份证号码");   

         $(function () {
             $('#form1').validate({
                 rules: { username: { required: true, minlength: 6, maxlength: 12 },
                     email: { required: true, email: true },
                     card: { required: true, isIdCardNo: true },
                     passwordqr: { required: true, equalTo: '#txt_pw'}//确认密码

                 },
                 errorshow: function (error, element) {
                     error.appendTo(element.silblings('span'));
                 }
             })
         })
    </script>
  
</head>
<body>
    <form id="form1" runat="server">
    <div>
        <table class="style1">
            <tr>
                <td>
                    用户名:
                </td>
                <td>
                    <input id="txt_name" type="text" name="username" />
                    <span></span>
                </td>
            </tr>
            <tr>
                <td>
                    密码:
                </td>
                <td>
                    <input id="txt_pw" type="text" name="password" />
                    <span></span>
                </td>
            </tr>
            <tr>
                <td>
                    确认密码:
                </td>
                <td>
                    <input id="txt_pw2" type="text" name="passwordqr" />
                    <span></span>
                </td>
            </tr>
            <tr>
                <td>
                    身份证号:
                </td>
                <td>
                    <input id="txt_sfzh" type="text" name="card" />
                    <span></span>
                </td>
            </tr>
            <tr>
                <td>
                    邮箱:
                </td>
                <td>
                    <input id="txt_mail" type="text" name="email" />
                    <span></span>
                </td>
            </tr>
            <tr>
                <td>
                    头像:
                </td>
                <td>
                    <asp:FileUpload ID="FileUpload1" runat="server" />
                    <asp:Button ID="Btn_up" runat="server" OnClick="Btn_up_Click" Text="上传" />
                </td>
            </tr>
            <tr>
                <td>
                     
                </td>
                <td>
                    <asp:Label ID="Label1" runat="server"></asp:Label>
                </td>
            </tr>
        </table>
    </div>
    </form>
</body>
</html>