button submit你以為你阻止了默認事件?


前言

先解決掉一個誤區:
很多人寫button的時候,就這樣寫:

<button><botton>

你認為就是默認的submit的時候,這時候就可能出問題了。
當然之所以你沒有遇到這個問題,一般可能性是因為你使用了框架。
在Internet Explorer中默認就是botton,其他的瀏覽器是submit。

正文

在submit的時候你可能會遇到如檢查一些事情,比如說是否一些數值符合你的預期。
我們可能會這樣:

<form>
<input type="text" value="">
<button type="submit" onclick="return validate();"  >
 提交
</button>  
</form>
<script>
function validate(e)
{
  return false;
}
</script>

這樣是可以阻止默認事件的。
但是我們可能忽略了一個問題,那就是萬一我們中間出錯了怎么辦?

<form>
<input type="text" value="">
<button type="submit" onclick="return validate();"  >
 提交
</button>  
</form>
<script>
function validate(e)
{
dasdsad
  return false;
}
</script>

這時候已經會提交,所以一般如果這樣寫的話,會加一個try catch。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM