jquery - 如何使用 jquery.validate.js 进行数字验证？

Question

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

谢谢!

Answer 1

您可以使用正则表达式。添加自定义验证器方法为 illustrated here :

$.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'
        }
    }
});

这是一个 live demo .