如何在jQuery.validation中添加Not Equal To规则

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了如何在jQuery.validation中添加Not Equal To规则相关的知识,希望对你有一定的参考价值。

我想知道如何使它成为一个规则,其中一个字段不等于一个值。就像我有一个名为'name'的字段所以我不想'name'='你的名字'。

有没有人知道如何做到这一点?谢谢你的帮助。

答案

您可以使用自定义方法,如下所示:

jQuery.validator.addMethod("notEqual", function(value, element, param) {
  return this.optional(element) || value != param;
}, "Please specify a different (non-default) value");

然后像这样使用它:

$("form").validate({
  rules: {
    nameField: { notEqual: "Your Name" }
  }
});

像这样添加它使它更具可扩展性,因此您可以使用它来与其他字段中的默认值进行比较。

另一答案

尼克的回答符合要求。我需要比较表单上的两个字段,并确保它们不相等。我修改了一下。

jQuery.validator.addMethod("notEqual", function(value, element, param) {
 return this.optional(element) || value != $(param).val();
}, "This has to be different...");

$("#cform").validate(
{
    rules: {
        referringsales: { required: false, notEqual: "#salesperson" }
    }
});

编辑回答评论:

如果您有多个下拉列表要比较,该方法也适用于该情况。

jQuery.validator.addMethod("notEqual", function(value, element, param) {
 return this.optional(element) || value != $(param).val();
}, "This has to be different...");

$("#cform").validate(
{
    rules: {
        referringsales: { required: false, notEqual: "#salesperson" }
        DropDown2: { required: false, notEqual: "#SecondBase" }
    }
});

如果问题是将referringsales与2个不同的基础进行比较(比如#initialContact和#salesperson),那么只需将该规则添加到列表中即可。

referringsales: { required: false, notEqual: "#salesperson", notEqual: "#initialContact" }
另一答案

我提出了一个多值函数......

jQuery.validator.addMethod("notEqualTo",
function(value, element, param) {
    var notEqual = true;
    value = $.trim(value);
    for (i = 0; i < param.length; i++) {
        if (value == $.trim($(param[i]).val())) { notEqual = false; }
    }
    return this.optional(element) || notEqual;
},
"Please enter a diferent value."
);

我称之为......

$("#abm-form").validate({
debug: true,
rules: {
    password1: {
        required: true,
        minlength: 10,
        notEqualTo: ['#lastname', '#firstname', '#email']
    },
    password2: {
        equalTo: '#password1'
    }
}
});

这适合我!

另一答案

在下载包中的additional-methods.js中有一个名为“notEqualTo”:

https://github.com/jzaefferer/jquery-validation/blob/master/src/additional/notEqualTo.js

另一答案

不确定你是否得到了答案但是:

返回this.optional(元素)||价值!= param;

如果值是可变的,则不起作用。

它需要阅读:

返回this.optional(元素)|| value!= $(param).val();

干杯

另一答案

如果您只有一个值,您希望它不像您的问题所暗示的那样,您可以轻松地检查它,而无需任何外部插件。

$('#yourForm').submit(function(e) {
    if ( $('input[name="yourField"]').val()=='Your Name' )
        e.preventDefault();
        alert("Your message here");
    }
});
另一答案

非常感谢,尼克!稍微补充一点:如果你有几个字段要验证validate()函数,语法应该是:

self.logo.rules(
    'add', {
       notEqual: "Select the Logo"
     }
);
另一答案

感谢@Nick Craver♦的回答,但在我的工作环境中,它需要稍微修改才能工作。

 $.validator.addMethod("notEqualTo", function(value, element, param) {
       return this.optional(element) || value != $(param).val();
 }, 'This two elements are the same, please change it.');
另一答案

在这里举了一些很好的例子,我写了另一个版本,可以使用多个字段进行检查

/*=====================================================*/
/* Jquery Valiation addMethod*/
/* Usage:  password: {notEqualTo: ['#lastname', '#firstname', '#email']} */
/*====================================================*/
jQuery.validator.addMethod("notEqualTo",
    function (value, element, param) {
        var notEqual = true;
        value = $.trim(value);
        for (i = 0; i < param.length; i++) {

            var checkElement = $(param[i]);
            var success = !$.validator.methods.equalTo.call(this, value, element, checkElement);
            // console.log('success', success);
            if(!success)
                notEqual = success;
        }

        return this.optional(element) || notEqual;
    },
    "Please enter a diferent value."
);
/*=====================================================*/
/*=====================================================*/

用法

    $("form").validate(
        {
            rules: {
                passwordNewConfirm: {equalTo: "#passwordNew"},
                passwordNew: { notEqualTo: "#password" },
                password: { notEqualTo: ['#passwordNew', '#passwordNewConfirm'] }
            },
        });

以上是关于如何在jQuery.validation中添加Not Equal To规则的主要内容,如果未能解决你的问题,请参考以下文章

如何在jQuery.validation中添加Not Equal To规则

使用 Jquery Validation 验证印度车辆编号的车辆编号

使用 Jquery Validation 添加自定义错误消息

jquery.validation自定义正则表达式验证

jQuery validation 去除空格

jQuery Validation 插件:禁用对指定提交按钮的验证