【问题标题】:How can I add additional method to validate NIC number in jQuery?如何添加其他方法来验证 jQuery 中的 NIC 编号?
【发布时间】:2014-05-14 08:09:06
【问题描述】:

我使用 jquery 验证插件来验证我的表单,但在一个文本框中我想验证我们国家的 NIC(国民身份证)号码。我得到了 NIC 号码的正则表达式,谁能告诉我如何添加其他方法验证这一点。

网卡号正则表达式:/^[0-9]{9}[vVxX]$/ 文本框 ID:showNic

这是我的 jQuery 代码...

$(document).ready(function () {
    jQuery.validator.setDefaults({
        // where to display the error relative to the element
        errorPlacement: function (error, element) {
            error.appendTo(element.parent().find('div.myErrors'));
        }
    });
    $('#basicDetails').validate({ // initialize the Plugin
        rules: {
            fname: {
                required: true,
                lettersonly: true,
            },
            lname: {
                required: true,
                lettersonly: true,
            },
        },
        messages: {
            fname: {
                required: "Please enter your first name",
                lettersonly: "Login format not valid",
            },
            lname: {
                required: "Please enter your last name",
                lettersonly: "Login format not valid",
            },
        },
        submitHandler: function (form) { // for demo
            alert('valid form submitted'); // for demo
            return false; // for demo
        }
    });
});

【问题讨论】:

  • @ Satpal 是正确的 .... jQuery.validator.addMethod("showNic", function(value, element) { return this.optional(element) || /^[0-9] {9}[vVxX]$/.test(value); }, "请输入正确的网卡");

标签: jquery validation jqueryform


【解决方案1】:

你必须添加方法

$.validator.addMethod('NICNumber', function (value) { 
    return  /^[0-9]{9}[vVxX]$/.test(value); 
}, 'Please enter a valid National Identity Card Number.');

然后您将添加到您的规则中:

showNic: {
      required: true,
      NICNumber: true
},

【讨论】:

    【解决方案2】:

    JavaScript 解决方案

    var cnic_no = '922781800x',
    cnic_no_regex = /^[0-9+]{9}[vVxX]{1}$/;
    
    if(cnic_no_regex.test(cnic_no)) 
    {
        alert('Right');
    }
    else 
    {
        alert('Wrong');
    }
    

    【讨论】:

      猜你喜欢
      • 2015-12-18
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2015-06-29
      • 1970-01-01
      • 2017-02-04
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多