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动态匹配＆＃34;以＆＃34;开头的所有字段; contact_number使用.rules()方法。

$('[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/上找到文档

如何在多个字段上使用jquery验证？

2 个答案: