修改jQuery驗證插件在輸入字段中顯示消息

請問有誰知道我可以如何獲取jQuery驗證插件的記住牛奶示例中的錯誤/成功消息（http://jquery.bassistance.de/validate/demo/milk /＃）顯示在輸入字段中。修改jQuery驗證插件在輸入字段中顯示消息

我的表格在很小的盒子裏面。我做了一些研究，並與網站上使用的腳本搞混了。我看到消息被附加到表單標籤的位置，但我不知道需要獲取錯誤/成功消息才能顯示在輸入字段中的jquery方法。還記得牛奶用於他們的形式表，我沒有做我的。我的表單與jQuery驗證頁面上的演示非常相似。

jQuery的驗證插件：http://docs.jquery.com/Plugins/Validation#demo

感謝。

來源

2012-07-26 justcode

輸入控件中的錯誤信息？ – 2012-07-26 05:58:53

yep基本上...錯誤/成功消息..表示我的成功消息只是一個小勾，我想顯示在該字段的右上角...就像https://www.inkling.com/ ...如果你嘗試註冊，你可以看到我在說什麼 – justcode 2012-07-26 06:17:08

只是在電子郵件的情況下..如果我輸入一個長的電子郵件地址，紅色邊框在那裏，但它沒有顯示驗證消息？ – 2012-07-26 06:22:19

您可以像放置除該輸入元素之外的div或跨度一樣。最初div會隱藏，根據驗證，您可以顯示或隱藏div會顯示錯誤消息。

我只是想一個樣本..

HTML

<input type="text" name="email" id="email"/> 
<div id="errorDiv" style="display:none">Error Message</div> 
<div id="okDiv" style="dispaly:none">Ok</div>

腳本

$(document).ready(function(){ 
    $("#myForm").validate({ 
    rules: { 
       email:{ 
        required: function (element) { 
         if($(element).text()=="") 
         { 
          $('#errorDiv').show(); 
          $('#okDiv').hide(); 
         } 
         else 
         { 
          $('#errorDiv').hide(); 
          $('#okDiv').show(); 
         } 
        } 
      } 
    }); 
});

剛剛嘗試這樣

來源

2012-07-26 06:50:24

好的，我會試試這個。有一個更簡單和一般化的方式來做到這一點，因爲我有很多表單域來驗證。這將是繁瑣的錯誤ID添加到每個字段...謝謝 – justcode 2012-07-26 07:14:31

@justcode：Dnt知道..可能在那裏..你需要相應地自定義默認的錯誤標籤...但在上面提供的鏈接，我認爲他們是做我以上所做的事情。 – 2012-07-26 08:00:06

好吧，我明白了..謝謝 – justcode 2012-07-26 15:46:25

修改jQuery驗證插件在輸入字段中顯示消息

回答

相關問題