jQuery Validate插件addMethod - 如何创建数字表单验证器

时间:2013-01-20 22:16:12

标签: jquery jquery-validate

我正在尝试使用addMethod创建一个jQuery验证器。这对我来说都是新的,所以我慢慢学习。我有一个基于英国手机号码的验证器。这很好用。

我想创建一个新的数字,并且只允许在表单中接受一小部分数字。例如,数字1到5将被接受,但不接受任何更低或更高的数字。

此外,只能接受一个号码吗?即5.

任何帮助非常感谢。就像我说的,我是这个编码的新手,所以我仍然找到了自己的方式。我尝试了很多搜索,但我无法回答我的问题。

jQuery.validator.addMethod('mobileUK', function(phone_number, element) {
return this.optional(element) || phone_number.length > 9 &&
phone_number.match(/^((0|\+44)7(5|6|7|8|9){1}\d{2}\s?\d{6})$/);
}, 'Please specify a valid mobile number');

1 个答案:

答案 0 :(得分:0)

  

引用OP :“我想创建一个新的数字,只允许在表单中接受一小部分数字。   示例数字1到5将被接受,但任何更低或更高   不接受。“

您无需创建新方法。 .validate()插件can already do this by default

$(document).ready(function() {
    $('#myform').validate({
        rules: {
            fieldname: {
               range: [1, 5]
            }
        },
        messages: { // optional custom message
            fieldname: {
               range: "enter between {0} and {1}"
            }
        }
    });
});

HTML:

<input type="text" name="field1" />

工作演示:

http://jsfiddle.net/uLSPU/

  

引用OP:“另外,可以接受只接受一个号码吗?即5。”

是...... http://jsfiddle.net/aTf32/

range: [5, 5]