BootStrapValidator校驗方式
更新時間：2016年12月19日 09:26:52 作者：青衣故人
做輸入校驗的時候如果你前端框架用的是bootstrap的話，首推bootstrapValidator校驗方式，下面通過本文給大家分享下校驗流程，一起看看吧
做輸入校驗的時候如果你前端框架用的是bootstrap的話，首推bootstrapValidator校驗方式，具體流程如下：
一、下載，導入js文件
<link type="text/css" rel="stylesheet" href="${ctx}/components/validate/css/bootstrapValidator.css" />
<script type="text/javascript" src="${ctx}/components/validate/js/bootstrapValidator.js"></script>
<script type="text/javascript" src="${ctx}/components/validate/js/language/zh_CN.js"></script>
二、
$(表單id：)（{
message：'這里寫默認提示信息';
feedbackIcons:{
valid:'glyphicon glyphicon-ok',
invalid:'glyphicon glyphicon-remove',
validating:'glyphicon glyphicon-refresh'
},
fields: {
inputName: {
validators: {
notEmpty: {
message: '時間不能為空'
},
regexp: {
regexp: /^[0-9]+$/ ,
message: '時間由數字組成'
},
stringLength: {
min: 1,
max: 20,
message: '角色名長度必須在1到20之間'
}
}
}
}
）
網上有各種驗證，當然有自定義驗證，如上例中的時間由數字組成。
以上所述是小編給大家介紹的BootStrapValidator校驗方式，希望對大家有所幫助，如果大家有任何疑問請給我留言，小編會及時回復大家的。在此也非常感謝大家對腳本之家網站的支持！
相關文章
這篇文章主要為大家詳細介紹了微信小程序實現搖篩子效果，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-05-05
這篇文章主要介紹了微信小程序開發(fā)之獲取用戶手機號碼,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-05-05
JSON（JavaScript Object Notation）即JavaScript對象表示法，是一種輕量級的數據交換格式。它非常便于編程人員對數據的處理，也便于機器對數據的解析和生成，應用非常廣泛2016-02-02
這篇文章主要介紹了JavaScript實現移動端彈窗后禁止?jié)L動,文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下2020-05-05
之前有一篇博客，實用的焦點圖切換效果，結構行為相分離 解釋的比較詳細，腳本是分離式的，但在易用性和重用性方面并不理想，這里原作者進行了，優(yōu)化。2010-07-07
今天遇到一個問題: 我通過 ajax 取回另一個頁面的 Html 。但這些 HTML 我不想直接輸出，想通過 getElementsByName 處理后再輸出相應的內容。用原生的 javascript怎樣可以處理呢？2010-07-07
這篇文章主要介紹了JavaScript實現微信號隨機切換代碼,需要的朋友可以參考下2018-03-03
一個加載js文件的小腳本...2007-06-06
Easyui Tree獲取當前選擇節(jié)點的所有頂級父節(jié)點
這篇文章主要介紹了Easyui Tree獲取當前選擇節(jié)點的所有頂級父節(jié)點,以及easyUI Tree顯示選中節(jié)點的所有父節(jié)點的實現代碼，需要的朋友可以參考下2017-02-02
這篇文章主要介紹了js實現2015年新年倒計時效果，很快就要迎接新的一年，想知道距離2016還有多少天嗎？大家可以參考一下這篇文章2015-12-12