jquery - 如何使用 jquery.validate.js 进行号码验证？

Question

我正在使用jQuery Validate 插件，并希望使用固定数量的数字验证输入字段，中间有一个破折号，如下所示：XXXXXX-XXXX。我知道如何验证数字，但如何让插件验证这种特定格式？！

谢谢！

Answer 1

你可以使用正则表达式。添加自定义验证器方法，如下所示：

$.validator.addMethod(
    "regex",
    function(value, element, regexp) {
        var re = new RegExp(regexp);
        return re.test(value);
    },
    "Please check your input."
);

然后将其附加到您需要验证的输入元素：

$('#id_of_textbox').rules('add', { regex: '^[0-9]{6}-[0-9]{4}$' })

或者如果您将其与表单一起使用：

$('#id_of_form').validate({
    rules: {
        name_of_textbox: {
            regex: '^[0-9]{6}-[0-9]{4}$'
        }
    },
    messages: {
        name_of_textbox: {
            regex: 'Please provide a valid input for this field'
        }
    }
});

这是一个现场演示。

Answer 2

您可以使用 Javascript 进行 Regest 和基本一样的操作。同样，您也可以将 regest 包含在 jquery 插件中。