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