formvalidation怎么配置

這篇文章主要介紹formvalidation怎么配置，文中介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們一定要看完！

　　formvalidation是最好的jQuery+Bootstrap表單驗證插件，當你創建一個網站時想用驗證你的表單，這個jQuery插件是非常有用的。它有許多內置選項，很容易使用和理解。支持html5的屬性聲明設置輸入類型,友好的驗證彈出或提示錯誤,輸入正確與否狀態圖標顯示，動態靈活的消息，兼容性好。

　　formvalidation怎么配置

　　會員名稱不為空項目配置

　　<formclass="form-signinrequired-validate"action="${ctx}/login"method="post"οnsubmit="returnvalidateCallback(this)">

　　 <divclass="form-group">

　　  <divclass="row">

　　   <label>賬戶</label>

　　   <inputclass="form-control"type="text"autofocusname="username"placeholder="請輸入會員編號"autocomplete="off"

　　    data-bv-notempty/>

　　  </div>

　　 </div>

　　</form>

　　123456789

　　data-bv-notempty表示該會員編號要做為空check。

　　form-group的div是必須的，否則會報“toomuchrecursion”錯誤。

　　form表單提交的時候會執行validateCallback方法，該方法在第五步中具體介紹。

　　頁面加載完成后啟用formvalidation

　　$(function(){

　　 //validateform

　　 $("form.required-validate").each(function(){

　　  var$form=$(this);

　　  $form.bootstrapValidator();

　　  //修復bootstrapvalidator重復向服務端提交bug

　　  $form.on('success.form.bv',function(e){

　　   //Preventformsubmission

　　   e.preventDefault();

　　  });

　　 });

　　});

以上是“formvalidation怎么配置”這篇文章的所有內容，感謝各位的閱讀！希望分享的內容對大家有幫助，更多相關知識，歡迎關注億速云行業資訊頻道！