formvalidation怎么配置

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

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

　　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表單提交的時候會執(zhí)行validateCallback方法，該方法在第五步中具體介紹。

　　頁面加載完成后啟用formvalidation

　　$(function(){

　　 //validateform

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

　　  var$form=$(this);

　　  $form.bootstrapValidator();

　　  //修復(fù)bootstrapvalidator重復(fù)向服務(wù)端提交bug

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

　　   //Preventformsubmission

　　   e.preventDefault();

　　  });

　　 });

　　});

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