首頁 >web前端 >html教學 >button沒有指定type為submit點擊按鈕跳轉不到指定url_HTML/Xhtml_網頁製作

button沒有指定type為submit點擊按鈕跳轉不到指定url_HTML/Xhtml_網頁製作

WBOY
WBOY原創
2016-05-16 16:40:281856瀏覽

今天由於專案需求,需要js控制form的提交,在submit前先進行資料的驗證與處理。

html的代碼如下

複製代碼
代碼如下:


手機號碼凶吉




...






編碼完成後,在做瀏覽器的相容性測試是出現了問題:ie6、ie7下點擊按鈕沒反映,跳轉不到指定url,其他瀏覽器卻可以正常跳轉。
一直以為是js控製程式碼中出現了問題,所以追蹤調試很久,始終沒發現問題。後來,發現button沒有指定type為submit,所以懷疑是不是這個問題。
修改加入button的type屬性為submit後,ie6、ie7下功能正常。

過去一直沒有註意過這樣的問題,踩了坑,所以去搜尋資料查詢驗證。
w3shool上有對button的type屬性做詳細說明: 
http://www.jb51.net/w3school/tags/att_button_type.htm 

複製代碼
代碼如下:

定義和typetype 屬性規定按鈕的類型。提示:請務必為按鈕規定 type 屬性。 Internet Explorer 的預設類型是 "button",而其他瀏覽器中(包括 W3C 規範)的預設值是 "submit"。可以看出,其他瀏覽器預設button點擊後會提交form,而ie預設點擊後是不提交form的,type的預設值也是個瀏覽器相容性問題,所以mark下。
陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn