button沒有指定type為submit點擊按鈕跳轉不到指定url
編輯：HTML和Xhtml
今天由於項目需求，需要js控制form的提交，在submit前先進行數據的驗證和處理。
html的代碼如下：
復制代碼代碼如下:
<div class="test-ft">
<h3 class="shouji">手機號碼凶吉</h3>
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php">
<p>
...
</p>
<button class="btn-act">馬上測</button>
</form>
</div>
編碼完成後，在做浏覽器的兼容性測試是出現了問題：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
復制代碼代碼如下:
定義和用法type 屬性規定按鈕的類型。提示：請始終為按鈕規定 type 屬性。Internet Explorer 的默認類型是 "button"，而其他浏覽器中（包括 W3C 規范）的默認值是 "submit"。可以看出，其他浏覽器下默認button點擊後會提交form，而ie默認點擊後是不提交form的，type的默認值也是個浏覽器兼容性問題，所以mark下。
html的代碼如下：
復制代碼代碼如下:
<div class="test-ft">
<h3 class="shouji">手機號碼凶吉</h3>
<form needcheck="1" method="post" target="_blank" action="http://www.go108.com.cn/go108_mobile_free_sz.php">
<p>
...
</p>
<button class="btn-act">馬上測</button>
</form>
</div>
編碼完成後，在做浏覽器的兼容性測試是出現了問題：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
復制代碼代碼如下:
定義和用法type 屬性規定按鈕的類型。提示：請始終為按鈕規定 type 屬性。Internet Explorer 的默認類型是 "button"，而其他浏覽器中（包括 W3C 規范）的默認值是 "submit"。可以看出，其他浏覽器下默認button點擊後會提交form，而ie默認點擊後是不提交form的，type的默認值也是個浏覽器兼容性問題，所以mark下。
小編推薦
熱門推薦