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