如何使用jquery添加erroricon和自定義驗證消息？

我想用jquery插件添加錯誤圖標和自定義驗證消息。像這樣如何使用jquery添加erroricon和自定義驗證消息？

enter image description here

這裏是我的html代碼，

<input type="text" id="firstName" name="firstName" class="required" /> 
    <input type="text" name="lastName" class="required" /> <br> 

    <input id="email" type="text" name="email" class="required" /> <br>

這裏是我的HTML代碼，

我與errorPlacement功能試過，但由於某種原因，我不能夠在控制下面收到錯誤消息。我用prepentTo，appendTo，所有的jquery函數來做到這一點。但沒有運氣！

function validateForm(){ 

      $("#register").validate({ 


       rules: { 
        firstName: { 
         required: true, 
         minlength: 2 
        } 
       }, 
        errorPlacement: function(error, element) { 
         error.insertAfter(element); 

        }, 

      }); 
     }

感謝

來源

2013-04-05 niran

基於您的代碼，您使用的是[標籤：jQuery的驗證]

這個答案使用這兩個回調函數提供了一個具體的例子插件，而不是[標籤：jQuery的驗證引擎]插件。這是兩件不同的事情，在標記問題時你應該更加小心。編輯。謝謝。 – Sparky 2013-04-05 16:15:15

由於某種原因，我不能夠得到控制以下錯誤消息。

默認情況下，錯誤消息放在一個內聯元素label中。

使用the errorElement option將其更改爲塊級元素並自動換行。

參見：http://jsfiddle.net/kH9NL/

$(document).ready(function() { 

    $('#myform').validate({ 
     errorElement: "div", 
     rules: { 
      field1: { 
       required: true 
      }, 
      field2: { 
       required: true 
      } 
     } 
    }); 

});

必須使用highlight和unhighlight回調函數來操縱你的圖標的位置和切換。

https://stackoverflow.com/a/14900826/594235

來源

2013-04-05 16:21:42 Sparky

哇！這是很大的幫助，謝謝。仍然有很多工作留在這裏。像放置圖標 – niran 2013-04-05 16:28:36

@niran，請參閱此答案以獲得幫助。 http://stackoverflow.com/a/14900826/594235 – Sparky 2013-04-05 16:33:46

從選項documentation你可以通過驗證功能

errorPlacement: function(error, element) { 
    error.appendTo(element.parent("td").next("td")); 
}

所以你的代碼應該是：

errorPlacement: function(error, element) { 
    error.appendTo(element.parent()); 
}

或類似的東西這些。

然後你可以使用包裝屬性來指定一個錯誤容器。

此外，您可以使用錯誤類屬性來更改錯誤類。

而且您可以使用消息屬性來設置自定義消息。

然後您必須爲您選擇的選擇器指定規則。

你可以看看也here

希望這有助於

來源

2013-04-05 14:57:14

很好的幫助謝謝 – niran 2013-04-05 16:28:56

如何使用jquery添加erroricon和自定義驗證消息？

回答

相關問題