如何在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 验证印度车辆编号的车辆编号