已解決430363個問題，去搜搜看，總會有你想問的

有什么辦法解決如下這個情況嗎？

關注

首頁猿問有什么辦法解決如下這個情況嗎？

有什么辦法解決如下這個情況嗎？

JavaScript

慕后森 2023-04-04 14:10:26

為了用ajax處理表單，用javascript阻止表單提交，但同時支持html5 的瀏覽器內置表單驗證也不起作用。這樣還是得用javascript來寫驗證，結果在這種情況下html5 表單的新特性等于沒用了？

查看完整描述

3 回答

慕斯王

TA貢獻1864條經驗獲得超2個贊

不要用click去阻止表單提交。這樣既阻止了form表單提交的跳轉，又保留了HTML5表單的驗證。

$("form").submit(function(){        //這里是要執行的代碼
        event.preventDefault();
});

反對回復 2023-04-07

慕哥9229398

TA貢獻1877條經驗獲得超6個贊

應該是javascript代碼里阻止了submit按鈕的默認事件，所以瀏覽器忽略了點擊事件的觸發，沒有驗證。
可以不阻止默認事件，但是覆蓋一下onsubmit方法，在onsubmit的handler里阻止默認事件，當瀏覽器調用submit事件時，在函數里去調用ajax異步提交，這樣如果沒通過驗證的話，是不會調用submit事件的，不知可行否？總之讓瀏覽器先驗證，再提交。

反對回復 2023-04-07

森欄

TA貢獻1810條經驗獲得超5個贊

想保留html5特性，又要用ajax提交，可以這樣：提交按鈕不要用<input type="submit">，可以換成button的click事件提交

反對回復 2023-04-07

3 回答
0 關注
143 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

有什么辦法解決如下這個情況嗎？

有什么辦法解決如下這個情況嗎？

3 回答

添加回答

有什么辦法解決如下這個情況嗎？

有什么辦法解決如下這個情況嗎？