如何使用jquery驗證插件顯示不同的錯誤消息

Question

我正在嘗試使用jQuery驗證插件將驗證添加到我的表單中，但是我遇到了問題，即該插件放置了相同的錯誤消息， Please enter a valid URL.
我的代碼： http ： //jsfiddle.net/52VtD/3124/
有什么解決辦法嗎？

謝謝

Answer 1

'install'不是有效的jQuery選擇器：

$('install').validate({...

您的目標是id="install"因此需要一個哈希：

$('#install').validate({...

您的jsFiddle演示現在正在工作：

http://jsfiddle.net/52VtD/3129/

---

報價OP：

“我在插件上輸入相同的錯誤消息'請輸入有效的URL'時遇到問題。”

不知道您在說什么，因為您的代碼中沒有與驗證URL有關的任何內容。 您需要通過發布相關代碼並明確說明您希望此代碼執行的操作來解決問題。

Answer 2

正如@Sparky已經指出的那樣，您使用了錯誤的選擇器。

如果您的問題是在每個字段中都顯示相同的錯誤消息，則可以指定專門為每個字段顯示的錯誤消息，例如：

$('#install').validate({
        rules: {
            title: {
                minlength: 3,
                maxlength: 15,
                required: true
            }
    },
    messages:{ title: {
        required: "Custom message for required rule",
        maxlength: "Another custom message"
    }}
...    

您還可以控制顯示錯誤消息的位置，例如，通過在validate中使用errorLabelContainer和errorElement選項。 在這里查看文檔：

使用errorClass，errorElement，wrapper，errorLabelContainer，errorContainer，showErrors，success，errorPlacement，highlight，unhighlight和ignoreTitle來控制無效元素和錯誤消息的顯示方式。