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