jquery - 使用 Jquery 验证器选择显示所选搜索文本框的错误

Question

在我的项目中，我使用chosen下拉列表和Jquery验证器。我在验证函数中添加了 ignore: [] 。现在的问题是，

验证器验证所选插件中的搜索文本框并在调试中显示以下错误

在我的页面中，有 3 个选择，如下图所示

下面显示的文本字段显示上述错误该文本字段由所选插件自动生成，并且没有名称

我用于验证的示例代码是

function validateUserForm() {
$('#user-master-form').validate({
    debug: true,
    ignore: [],
    rules: {
        first_name: {
            required: true,
            minlength: 3,
            maxlength: 100
        },
        last_name: {
            maxlength: 100
        },
        email: {
            required: true,
            email: true
        },
        mobile: {
            required: true,
            number: true,
            maxlength: 15,
            minlength: 10
        },
        date_of_birth: {
            required: true
        },
        gender: {
            required: true
        },
        address: {
            required: true,
            maxlength: 200
        },
        state: {
            required: true
        },
        district: {
            required: true
        }
    },
    messages: {
        first_name: {
            required: "Please enter first name",
            minlength: jQuery.validator.format("At least {0} characters required!"),
            maxlength: jQuery.validator.format("Up to {0} characters allowed!")
        },
        last_name: {
            maxlength: jQuery.validator.format("Up to {0} characters allowed!")
        },
        email: {
            required: "Please enter email id",
            email: 'Invalid email format',
        },
        mobile: {
            required: "Please enter mobile",
            number: 'Only numbers allowed',
            minlength: jQuery.validator.format("At least {0} numbers required!"),
            maxlength: jQuery.validator.format("Up to {0} numbers allowed!")
        },
        date_of_birth: {
            required: "Please enter date of birth"
        },
        gender: {
            required: "Please select gender"
        },
        address: {
            required: "Please enter address",
            maxlength: jQuery.validator.format("Up to {0} characters allowed!")
        },
        state: {
            required: "Please select state"
        },
        district: {
            required: "Please select district"
        }
    },
    errorPlacement: function (error, element) {
        if (element.hasClass("chosen")) {
            var id = element.attr('id');
            error.insertAfter("#" + id + "_chosen");
        }
        else if (element.parent('.vd_radio').length) {
            error.insertAfter(element.parent());
        }
        else {
            error.insertAfter(element);
        }
    }
});
}

请帮我解决这个问题。我被困在这里了。如有任何帮助，我们将不胜感激

Answer 1

正如您所说，无法通过插件添加名称，您可以使用 .each() 循环将名称添加到输入字段。这应该可以消除错误。例如下面:

var names = ['name1', 'name2', 'name3'];

$(document).ready(function() {
    $.each('#idOrClass input', function(i) {
        $(this).attr('name', names[i]);
    });
});