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

Question

主要问题

我是jQuery validate插件的新手.我需要验证动态添加和删除的隐藏字段以及共享相同名称的字段.示例标记:

<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插件 - 如何创建简单的自定义规则？
• jquery validate - 如果隐藏字段有值,则有效

次要问题

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

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');
            }
        }
    });
});