今天由於專案需求,需要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下。