來自元素屬性的自定義錯誤消息：jQuery驗證插件

Question

我們正在使用jQuery Validate Plugin進行所有客戶端驗證。

到目前為止，我們在所有required字段（即“此字段必填”）中都使用了默認錯誤消息，但是現在我們需要將其更改為特定於字段的錯誤消息。 例如，如果用戶未輸入名字，則消息應顯示為“ Please enter first name ，依此類推。

這些是我們嘗試過的可能性：

使用HTML 5屬性data-rule-required="true"和data-msg-required="Madam/sir, this field is required." 。 由於其他一些限制，我們必須避免使用HTML 5屬性。
在驗證表單時提供messages對象： messages: { username: {required: "Please enter Username",email: "Enter valid Email"}, password: "Please enter Password" },此方法的缺點是我們需要修改html和javascipt文件都必須同步，並且字段名稱必須同步才能正確使用插件。

我正在尋找與HTML 5屬性類似的解決方案-我可以在其中為輸入字段指定自定義屬性，插件將從該字段本身獲取消息。 像這樣：

<input type="text" required errorMessageCustomAttr="Please enter first name" />

我已經提到了相關的SO問題，但是找不到任何解決方案。 有什么辦法可以做到這一點？

Answer 1

引用OP ：

“我正在尋找一種與HTML 5屬性類似的解決方案-在這里我可以為我的輸入字段指定一個自定義屬性，該插件將從該字段本身接收消息。”

答案是“否”，這不是插件的選項。

您可以將HTML5屬性用於自定義消息。 由於jQuery Validate插件動態禁用了HTML5驗證，因此HTML5數據屬性僅變為自定義屬性。