关于我们

质量为本、客户为根、勇于拼搏、务实创新

< 返回新闻公共列表

WebForm jquery weui Validform验证大全(带身份证验证)

发布时间:2019-11-08 08:54:53
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="daikuansq.aspx.cs" Inherits="NetWing.BPM.Admin.weixin.daikuansq" %>
<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>填写客户信息</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1">
    <meta name="Keywords" content="">
    <meta name="Description" content="">
    <link rel="stylesheet" href="cssandjs/creditcard.css">
    <!--引入layer mobile 我公司已内置 -->
    <!--全局公共js -->
    <script type="text/javascript" charset="utf-8" src="cssandjs/jquery-1.11.2.min.js"></script>
    <!-- Bootstrap core CSS -->
    <link href="cssandjs/bootstrap.min.css" rel="stylesheet">
    <!-- Custom styles for this template -->
    <link href="cssandjs/carousel.css" rel="stylesheet">
    <script src="cssandjs/bootstrap_nav.min.js"></script>
    <!--必须引入的-->
    <link href="cssandjs/ui-dialog.css" rel="stylesheet" type="text/css" />
    <script type="text/javascript" charset="utf-8" src="cssandjs/Validform_v5.3.2_min.js"></script>
    <link href="../../weixin/weiui/css/jquery-weui.min.css" rel="stylesheet" />
    <link href="../../weixin/weiui/lib/weui.min.css" rel="stylesheet" />
    <script src="../../weixin/weiui/lib/fastclick.js"></script>
    <script>
        //$(function () {
        //    FastClick.attach(document.body);
        //});
    </script>
    <script src="../../weixin/weiui/js/jquery-weui.min.js"></script>
    <!--必须引入的-->
    <script type="text/javascript">
        $(function () {
            //初始化表单验证 
            $("#form1").Validform({
                tiptype: 3,
                callback: function () {
                },
                datatype: {//传入自定义datatype类型【方式二】;
                    "idcard": function (gets, obj, curform, datatype) {
                        //该方法由佚名网友提供;
                        var Wi = [7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2, 1];// 加权因子;
                        var ValideCode = [1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2];// 身份证验证位值,10代表X;
                        if (gets.length == 15) {
                            return isValidityBrithBy15IdCard(gets);
                        } else if (gets.length == 18) {
                            var a_idCard = gets.split("");// 得到身份证数组   
                            if (isValidityBrithBy18IdCard(gets) && isTrueValidateCodeBy18IdCard(a_idCard)) {
                                return true;
                            }
                            return false;
                        }
                        return false;
                        function isTrueValidateCodeBy18IdCard(a_idCard) {
                            var sum = 0; // 声明加权求和变量   
                            if (a_idCard[17].toLowerCase() == 'x') {
                                a_idCard[17] = 10;// 将最后位为x的验证码替换为10方便后续操作   
                            }
                            for (var i = 0; i < 17; i++) {
                                sum += Wi[i] * a_idCard[i];// 加权求和   
                            }
                            valCodePosition = sum % 11;// 得到验证码所位置   
                            if (a_idCard[17] == ValideCode[valCodePosition]) {
                                return true;
                            }
                            return false;
                        }
                        function isValidityBrithBy18IdCard(idCard18) {
                            var year = idCard18.substring(6, 10);
                            var month = idCard18.substring(10, 12);
                            var day = idCard18.substring(12, 14);
                            var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
                            // 这里用getFullYear()获取年份,避免千年虫问题   
                            if (temp_date.getFullYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() != parseFloat(day)) {
                                return false;
                            }
                            return true;
                        }
                        function isValidityBrithBy15IdCard(idCard15) {
                            var year = idCard15.substring(6, 8);
                            var month = idCard15.substring(8, 10);
                            var day = idCard15.substring(10, 12);
                            var temp_date = new Date(year, parseFloat(month) - 1, parseFloat(day));
                            // 对于老身份证中的你年龄则不需考虑千年虫问题而使用getYear()方法   
                            if (temp_date.getYear() != parseFloat(year) || temp_date.getMonth() != parseFloat(month) - 1 || temp_date.getDate() != parseFloat(day)) {
                                return false;
                            }
                            return true;
                        }
                    }
                },
                tiptype: function (msg, o, cssctl) {
                    if (o.type == 2) {//信息通过验证
                        $.toptip(msg, 'success');
                    } else {
                        $.toptip(msg, 'warning');//weui提示框
                    }
                    //alert(o.type);
                    //msg:提示信息;
                    //o:{obj:*,type:*,curform:*},
                    //obj指向的是当前验证的表单元素(或表单对象,验证全部验证通过,提交表单时o.obj为该表单对象),
                    //type指示提示的状态,值为1、2、3、4, 1:正在检测/提交数据,2:通过验证,3:验证失败,4:提示ignore状态, 
                    //curform为当前form对象;
                    //cssctl:内置的提示信息样式控制函数,该函数需传入两个参数:显示提示信息的对象 和 当前提示的状态(既形参o中的type);
                }
            });
        });
    </script>
    <style>
        .Validform_checktip Validform_right {
            display: none;
        }
        .Validform_checktip Validform_wrong {
            display: none;
        }
    </style>
</head>
<body class="nofixed">
    <form id="form1" runat="server">
        <!--顶部-->
        <header>
            <div class="logo">
                <a href="javascript:history.back(-1);" class="">
                    <samp class="fanhui"></samp>
                </a>
            </div>
            <div class="title">填写客户信息</div>
        </header>
        <!--end顶部-->
        <div class="back_wihte">
            <div class="apply-step-nav">
                <div class="nav-bar" id="step_one">
                    <img src="cssandjs/nav-top-step-1.png">
                </div>
                <div class="nav-bar-title">
                    <ul class="nav-bar-step-1">
                        <li class="active">填写基本信息</li>
                        <li>提交申请</li>
                    </ul>
                </div>
            </div>
            <div class="applicant-total-title backg">
                <div class="applicant-total-title-subdiv chColor">
                    <img src="cssandjs/touxiang.png">
                    个人信息 
                <span class="applicant-infomation-mark chColor" style="font-size: 0.5em;">为提高审核通过率,请准确填写各项内容。</span>
                </div>
            </div>
            <div id="field_tab_content" class="tab-content" style="">
                <div class="tijiao">
                    <table>
                        <!--<tr>
                            <td><span class="applicant-infomation-mark">*</span>产品id
                            </td>
                            <td id="yproductid" class="yproductid"></td>
                        </tr>-->
                        <tr>
                            <td><span class="applicant-infomation-mark">*</span>产品名称  
                            </td>
                            <td >
                               <input  type="text" id="productmc" readonly="readonly" runat="server" value="">
                                                             
                                <input type="text" style="display:none;" id="productid" runat="server" value="">
                            </td>
                        </tr>
                        <tr>
                            <td><span class="applicant-infomation-mark">*</span>行业
                            </td>
                            <td>
                                
                                <asp:DropDownList ID="industry" runat="server" ></asp:DropDownList>
                            </td>
                        </tr>
                        <tr>
                            <td><span class="applicant-infomation-mark">*</span>姓名
                            </td>
                            <td>
                                <input name="field_control_xmname" placeholder="请输入真实姓名" type="text" id="truename" runat="server" sucmsg="姓名验证通过" errormsg="姓名格式错误" nullmsg="真实姓名不能为空" datatype="s2-4"></td>
                        </tr>
                        <tr>
                            <td><span class="applicant-infomation-mark">*</span>电话</td>
                            <td>
                                <input name="field_control_dianhua" placeholder="请输入电话号码" type="text" id="mobile" runat="server" sucmsg="电话号码检测通过" errormsg="电话号码格式错误" nullmsg="电话号码不能为空" datatype="m">
                            </td>
                        </tr>
                        <tr>
                            <td><span class="applicant-infomation-mark">*</span>身份证号</td>
                            <td>
                                <input name="field_control_sfzh" type="text" id="idcard" runat="server" class="input normal" datatype="idcard" sucmsg="身份证检测通过" nullmsg="身份证号不能为空" errormsg="身份证号错误请仔细检查" placeholder="请输入身份证号码">
                            </td>
                        </tr>
                       <tr>
                            <td><span class="applicant-infomation-mark">*</span>申请金额</td>
                            <td>
                                <input name="field_control_sqed" placeholder="请输入金额(元)" value="5000" type="text" id="sqjr" runat="server" sucmsg="金额检测通过" errormsg="金额只能填写数字" nullmsg="金额不能为空" datatype="n">
                            </td>
                        </tr>
                        <tr>
                            <td><span class="applicant-infomation-mark">*</span>住址</td>
                            <td>
                                <input name="field_control_zhuzhi" placeholder="请输入所在地详细地址" type="text" id="address" runat="server" sucmsg="详细地址检测通过" errormsg="详细地址错误" nullmsg="详细地址不能为空" datatype="s6-20">
                            </td>
                        </tr>
                        <tr style="display: none;">
                            <td>来源</td>
                            <td>
                                <input name="field_control_laiyuan" value="123" type="text" id="field_control_laiyuan" class="input normal" placeholder="代理商001号">
                            </td>
                        </tr>
                    </table>
                </div>
                <div class="footer_ret">
                    <a style="display: none;" href="https://xyk.cebbank.com/cebmms/apply/ps/card-index.htm?req_card_id=3142&pro_code=FHTG120000SJ70XMCT&c2c_recom_flag=">提交申请</a>
                    <asp:Button ID="btnSubmit" runat="server" CssClass="btn" name="btnSubmit" Text="提交申请" OnClick="btnSubmit_Click" />
                </div>
            </div>
        </div>
    </form>
</body>
</html>



/template/Home/Zkeys/PC/Static