BootStrap表單驗證中的非Submit類型按鈕點擊時觸發驗證的坑

BootStrapValidator表單驗證插件的坑還真很多,又讓我碰上一個...
BootStrapValidator驗證的表單中只可有一個type="submit"的按鈕。我這樣寫了以後 (代碼以下),點擊其它按鈕仍會觸發驗證...

1.錯誤代碼

//示意
<form>
    ...
    <button type="submit">提交</button>
    ...
    <button>重置</button>
    <button>取消</button>
    ...
</form>
一開始是寫成這樣的,可是 問題來了,點擊其它的按鈕也會觸發 表單驗證...

2.正確代碼

//示意
<form>
    ...
    <button type="submit">提交</button>
    ...
    <button type="button">重置</button>
    <button type="button">取消</button>
    ...
</form>
這樣寫點擊除 提交外的按鈕就能夠避免觸發驗證了, <button>標籤的 type屬性有三個值,分別是 submitbuttonreset,在BootStrapValidator的驗證表單中只能有一個 type=submit的按鈕, 若是type屬性不寫或爲空,那麼就會被自動識別爲type=submit,點擊時會觸發驗證。而 type=button能夠爲多個,因此能夠在不須要加驗證的按鈕給 type屬性設爲button就行了。而 type=reset的按鈕點擊時也會觸發驗證。

具體的各位讀者老爺們能夠自行驗證...插件

相關文章
相關標籤/搜索