BootStrap表單驗(yàn)證中的非Submit類型按鈕點(diǎn)擊時(shí)觸發(fā)驗(yàn)證的坑
BootStrapValidator表單驗(yàn)證插件的坑還真不少，又讓我碰上一個(gè)...
BootStrapValidator驗(yàn)證的表單中只可有一個(gè) type="submit" 的按鈕。 我這樣寫了之后 （代碼如下） ，點(diǎn)擊其它按鈕仍會(huì)觸發(fā)驗(yàn)證...
1.錯(cuò)誤代碼
//示意 <form> ... <button type="submit">提交</button> ... <button>重置</button> <button>取消</button> ... </form>
一開(kāi)始是寫成這樣的，但是 問(wèn)題來(lái)了 ，點(diǎn)擊其它的按鈕也會(huì)觸發(fā) 表單驗(yàn)證 ...
2.正確代碼
//示意 <form> ... <button type="submit">提交</button> ... <button type="button">重置</button> <button type="button">取消</button> ... </form>
這樣寫點(diǎn)擊除 提交 外的按鈕就可以避免觸發(fā)驗(yàn)證了， <button> 標(biāo)簽的 type 屬性有三個(gè)值，分別是 submit 、 button 和 reset ，在BootStrapValidator的驗(yàn)證表單中只能有一個(gè) type=submit 的按鈕， 如果 type 屬性不寫或?yàn)榭?，那么就?huì)被自動(dòng)識(shí)別為 type=submit ，點(diǎn)擊時(shí)會(huì)觸發(fā)驗(yàn)證。而 type=button 可以為多個(gè)，所以可以在不需要加驗(yàn)證的按鈕給 type 屬性設(shè)為 button 就好了。而 type=reset的按鈕點(diǎn)擊時(shí)也會(huì)觸發(fā)驗(yàn)證。
總結(jié)
以上所述是小編給大家介紹的BootStrap表單驗(yàn)證中的非Submit類型按鈕點(diǎn)擊時(shí)觸發(fā)驗(yàn)證的坑,希望對(duì)大家有所幫助，如果大家有任何疑問(wèn)請(qǐng)給我留言，小編會(huì)及時(shí)回復(fù)大家的。在此也非常感謝大家對(duì)腳本之家網(wǎng)站的支持！
如果你覺(jué)得本文對(duì)你有幫助，歡迎轉(zhuǎn)載，煩請(qǐng)注明出處，謝謝！
- 淺談layui 綁定form submit提交表單的注意事項(xiàng)
- 微信小程序bindinput與bindsubmit的區(qū)別實(shí)例分析
- 解決vue2.0 element-ui中el-upload的before-upload方法返回false時(shí)submit()不生效問(wèn)題
- 利用AjaxSubmit()方法實(shí)現(xiàn)Form提交表單后回調(diào)功能
- JavaScript在form表單中使用button按鈕實(shí)現(xiàn)submit提交方法
- Nodejs下用submit提交表單提示cannot post錯(cuò)誤的解決方法
- JS button按鈕實(shí)現(xiàn)submit按鈕提交效果
- 通過(guò)代碼示例了解submit與execute的區(qū)別
相關(guān)文章
jQuery實(shí)現(xiàn)無(wú)限往下滾動(dòng)效果代碼
這篇文章主要介紹了jQuery實(shí)現(xiàn)無(wú)限往下滾動(dòng)效果代碼,涉及jQuery基于ajax交互操作數(shù)據(jù)庫(kù)數(shù)據(jù)及頁(yè)面元素動(dòng)態(tài)變換的相關(guān)技巧,需要的朋友可以參考下2016-04-04
很多朋友對(duì)jquery select的操作很有興趣，但網(wǎng)上的東西太多，所以腳本之家特別將Jquery Select操作方法整理下，方便大家查找。2010-05-05
JQuery 1.3.2以上版本中出現(xiàn)pareseerror錯(cuò)誤的解決方法
最近正在做一個(gè)系統(tǒng)，測(cè)試組那邊不停的報(bào)告bug：后臺(tái)、前臺(tái)各種列表報(bào)告js彈出窗錯(cuò)誤，內(nèi)容僅僅是一句“pareseerror”！2011-01-01
jquery easyUI中ajax異步校驗(yàn)用戶名
這篇文章主要為大家詳細(xì)介紹了jquery easyUI中ajax異步校驗(yàn)用戶名，感興趣的小伙伴們可以參考一下2016-08-08
jQuery查詢數(shù)據(jù)返回object和字符串影響原因是什么
查詢數(shù)據(jù)返回object和字符串，導(dǎo)致這兩種情況的原因是什么呢？在本文將為大家詳細(xì)介紹下，具體祥看代碼2013-08-08
ztree實(shí)現(xiàn)左邊動(dòng)態(tài)生成樹(shù)右邊為內(nèi)容詳情功能
zTree 是利用 JQuery 的核心代碼，實(shí)現(xiàn)一套能完成大部分常用功能的 Tree 插件。接下來(lái)通過(guò)本文給大家分享ztree實(shí)現(xiàn)左邊動(dòng)態(tài)生成樹(shù)右邊為內(nèi)容詳情功能，需要的朋友參考下吧2017-11-11
jQuery實(shí)現(xiàn)判斷滾動(dòng)條到底部
這篇文章主要介紹了jQuery實(shí)現(xiàn)判斷滾動(dòng)條到底部的相關(guān)資料,需要的朋友可以參考下2015-06-06
jQuery setTimeout()函數(shù)使用方法
setTimeout在以前的js中是定時(shí)執(zhí)行一個(gè)對(duì)象或函數(shù)，下面我來(lái)介紹jquery中的setTimeout函數(shù)使用方法有需要了解的朋友仔細(xì)的參考參考2013-04-04
jquery的東西也算不少，記下來(lái)有助于以后參考。這樣也挺方便。2010-11-11
$.ajax下json數(shù)據(jù)的傳遞方法，大家可以參考下。這樣就可以傳遞json數(shù)據(jù)了2008-11-11