使用jquery Validate的時候驗證出錯的提示顯示位置問題


方法一:
1 <label for="checkIn" class="error"></label> 
這一行代碼就可以把不和規則時的提示扔到你想要的任何地方其中for后面跟着的是單選或者是多選框的name, class不能修改必須為error才可以。
其原理是當驗證出問題時候, jQuery Validate會首先上頁面上找和你的控件name一樣的libel控件,如果有直接顯示在里面,如果沒有才會給你在控件后面創建一個新的libel出來
然后你就可以在頁面中通過定義類樣式來規定你的錯誤信息的顯示方式
方法二:
現在想修改提示信息位置,讓它位於下拉框的下方,解決方法是追加errorPlacement。
1 $("#inputForm").validate({  
2     errorPlacement: function(error, element) {  
3         if (element.is(":checkbox")||element.is(":radio")){  
4             error.appendTo(element.parent().parent());  
5         }else {                   
6             error.insertAfter(element);  
7         }  
8     }      
9 });  

 修改后效果:


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM