BootStrap表單驗(yàn)證中的非Submit類型按鈕點(diǎn)擊時觸發(fā)驗(yàn)證的坑
BootStrapValidator表單驗(yàn)證插件的坑還真不少,又讓我碰上一個...
BootStrapValidator驗(yàn)證的表單中只可有一個 type="submit"
的按鈕。 我這樣寫了之后 (代碼如下) ,點(diǎn)擊其它按鈕仍會觸發(fā)驗(yàn)證...
1.錯誤代碼
//示意 <form> ... <button type="submit">提交</button> ... <button>重置</button> <button>取消</button> ... </form>
一開始是寫成這樣的,但是 問題來了 ,點(diǎn)擊其它的按鈕也會觸發(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 屬性有三個值,分別是 submit 、 button 和 reset ,在BootStrapValidator的驗(yàn)證表單中只能有一個 type=submit
的按鈕, 如果 type 屬性不寫或?yàn)榭?,那么就會被自動識別為 type=submit
,點(diǎn)擊時會觸發(fā)驗(yàn)證。而 type=button
可以為多個,所以可以在不需要加驗(yàn)證的按鈕給 type 屬性設(shè)為 button 就好了。而 type=reset
的按鈕點(diǎn)擊時也會觸發(fā)驗(yàn)證。
總結(jié)
以上所述是小編給大家介紹的BootStrap表單驗(yàn)證中的非Submit類型按鈕點(diǎn)擊時觸發(fā)驗(yàn)證的坑,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!
如果你覺得本文對你有幫助,歡迎轉(zhuǎn)載,煩請注明出處,謝謝!
- 淺談layui 綁定form submit提交表單的注意事項(xiàng)
- 微信小程序bindinput與bindsubmit的區(qū)別實(shí)例分析
- 解決vue2.0 element-ui中el-upload的before-upload方法返回false時submit()不生效問題
- 利用AjaxSubmit()方法實(shí)現(xiàn)Form提交表單后回調(diào)功能
- JavaScript在form表單中使用button按鈕實(shí)現(xiàn)submit提交方法
- Nodejs下用submit提交表單提示cannot post錯誤的解決方法
- JS button按鈕實(shí)現(xiàn)submit按鈕提交效果
- 通過代碼示例了解submit與execute的區(qū)別
相關(guān)文章
jquery+正則實(shí)現(xiàn)統(tǒng)一的表單驗(yàn)證
表單驗(yàn)證一直很繁瑣,特別是大點(diǎn)的表單,如果每個input都去單獨(dú)寫驗(yàn)證簡直要寫死人,最近寫了一小段js統(tǒng)一的驗(yàn)證表單內(nèi)容是否正確。需要的朋友可以參考下2015-09-09jquery 為a標(biāo)簽綁定click事件示例代碼
jquery 為a標(biāo)簽綁定click事件,當(dāng)被點(diǎn)擊時執(zhí)行一些動作,示例代碼如下,需要的朋友可以參考參考2014-06-06jQuery EasyUI API 中文文檔 DateTimeBox日期時間框
jQuery EasyUI API 中文文檔 DateTimeBox日期時間框,需要的朋友可以參考下。2011-10-10jquery 學(xué)習(xí)之二 屬性(html()與html(val))
取得第一個匹配元素的html內(nèi)容。這個函數(shù)不能用于XML文檔。但可以用于XHTML文檔。2010-11-11jQuery實(shí)現(xiàn)模擬marquee標(biāo)簽效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)模擬marquee標(biāo)簽效果的相關(guān)資料,需要的朋友可以參考下2015-07-07jquery實(shí)現(xiàn)倒計時小應(yīng)用
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)倒計時小應(yīng)用,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-09-09