如何在多个字段上使用jQuery验证?

Question

<?php
<input type='text' name='contact_number[$id]' id='contact_number'>
?>

我在哪里发布数组中的多个联系人编号。 我想在联系人号码中添加 jquery 验证，它必须是必需的 true。但它不起作用。

我的jquery代码是：

$("#editUserForm").validate({
rules: {
"contact_number": {
required: true,
minlength: 10,
maxlength: 10,
number: true
}     
},
messages: {    
}
});

Answer 1

"contact_number"永远不会匹配contact_number[]，或任何其他带有数组索引的版本。 这个插件就是不是那样工作的。

您可以在.validate()范围内准确指定每个...

$("#editUserForm").validate({
rules: {
"contact_number[1]": {
required: true,
minlength: 10,
maxlength: 10,
number: true
},
"contact_number[2]": {
// rules
}
....

OR 使用.rules()方法动态匹配"开头"contact_number的所有字段。

$('[name^="contact_number"]').each(function() {
$(this).rules('add', {
required: true,
minlength: 10,
maxlength: 10,
number: true
});
});

Answer 2

类似于@sparky。

// validate form first
$("form").validate()
$('[name^="contact_number"]').each(function() {
$(this).rules('add', {
required: true,
minlength: 10,
maxlength: 10,
number: true
});
});

文档可在 https://jqueryvalidation.org/rules/