javascript - jQuery 验证插件 - 按名称验证隐藏字段

Question

主要问题

我是 jQuery validate plugin 的新手.我需要验证正在动态添加和删除并且共享相同名称的隐藏字段。示例标记:

<input type="hidden" name="hdnItemID" value="123" />
<input type="hidden" name="hdnItemID" value="987" />

基本上，我需要知道是否存在名称为 hdnItemID 的任何元素。如果它们存在，则验证应该成功，否则，验证应该失败。

if($("input[name='hdnItemID']").length > 0) {
    //Form is valid
}
else {
    //Form is invalid
}

我看过一些看似接近的问题，但它们似乎不符合要求。有什么建议吗？

• jQuery Validate Plugin - How to create a simple custom rule?
• jquery validate - valid if hidden field has a value

次要问题

假设我所问的是可能的，我将如何指定显示验证消息的位置？目前，当验证失败时，我在每个必需元素旁边放置一个星号。我想继续这样做，但是通过提交按钮放置隐藏字段的验证消息。

Answer 1

使用插件的submitHandler 事件来检查隐藏字段是否存在。然后您可以有条件地提交表格。试试这个。

$(function() {
    $('#form1').validate({
       submitHandler: function(form) {
            if($("input[name='hdnItemID']").length > 0) {
                 //Form is valid
                 form.submit();
            }
            else {
                 //Form is invalid
                 alert('form data invalid');
            }
        }
    });
});