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

时间:2012-09-11 07:15:12

标签: jquery jquery-validate validation

我正在使用jQuery Validate plugin,并希望使用固定数量的数字验证输入字段,中间包含短划线,如下所示: XXXXXX-XXXX 。我知道如何验证数字但是如何让插件验证这种特定的格式?!

谢谢!

2 个答案:

答案 0 :(得分:6)

你可以使用正则表达式。添加自定义验证程序方法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

答案 1 :(得分:1)

你可以用Javascript做基本的Regest。同样的方法你也可以用jquery插件包含regest。