Jquery使用自定義驗證規則驗證任意HTML元素

Question

我正在使用Jquery驗證來驗證表單。 我已經通過

$.validator.addMethod 

添加自定義驗證方法，如果我添加此方法的文本框，確認將工作沒有問題。

我想要這個自定義驗證方法來突出顯示我通過JavaScript創建的某個div容器。 如果我更改以下行（裏面的.validate呼叫「規則」）

"MyTextbox": 
{ 
    MyMethod: true, 
}, 

使用我通過JavaScript創建的div的ID，我自定義的驗證規則將被忽略（其他規則將仍然適用）。

我很努力地找到相應的文檔。看來，我只能添加一個規則輸入元素，而不是一個div。 我接近這個錯誤的方式嗎？我如何添加一個規則，在某個div元素之後追加消息，如果驗證失敗？

Answer 1

兩個重要的東西......

1）您必須分配通過使用name內.validate()的rules選項時規則，每輸入字段必須包含一個獨特的name屬性無論規則如何分配。

2）使用此插件，驗證只能應用於input，textarea和select元素。期。

解決方法：可以創建用於驗證的type="hidden"input元素和使用jQuery的相關值從div在一定的觸發事件複製到這個隱藏字段。 You can then manually trigger validation using something like $('#myHiddenInput').valid()。

---

對於精確的錯誤消息放置，您可以使用the errorPlacement callback function。編寫一個自定義函數，用於放置一條消息的條件。