如何使用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'
        }
    }
});

这是一个现场演示.