日韩欧美国产精品免费一二-日韩欧美国产精品亚洲二区-日韩欧美国产精品专区-日韩欧美国产另-日韩欧美国产免费看-日韩欧美国产免费看清风阁

　　在瀏覽器中填寫表單的時，可以直接在“文本框”中敲擊“Enter”來提交表單，很是方便。條件是：

在IE和Firefox下
1、<form>屬性的“action”字段必填；

2、有一個type="submit"的“input”。

在Chrome和Safari下
滿足第一條即可。（注釋1）

　　所以，如果要控制提交行為的話（比如，提交前檢查必填項是否已填），可以在type="submit"的“input”后添加Javascript“onXXX（比如onClick）”事件。而如果需要用異步交互來檢測相關字段，則無效了。因為return false是作為onreadystate=的子函數，并不能控制全局。這時就需要用到<form>的“onsubmit”屬性(注釋2）。比如：

HTML

view source

print?
1 <form name="form1" id="form1" action="act.php" method="post" onsubmit="myfn();return false;">
 myfn()是自己定義的函數：無論通過什么辦法（比如敲擊“enter”或點擊type="submit"（而不是type="button"）的“input”按鈕）提交，都會觸發這個這個函數。于是，大可不必再在type="submit"的“input”后添加Javascript事件“onXXX”了。直接在“onsubmit”中控制，更直觀與統一，除非有意控制提交方式（是onClick還是什么）。
return false位于末尾，表示不提交本表單。提交表單的字句document.form1.submit()可以作為myfn()的一個選擇條件的分支。
總結：

　　這樣，<form>有“action”和“onsubmit”屬性，有type="submit"的“input”的提交按鈕后，就可以在任何瀏覽器下（不行嗎？請給我反饋）實現使用“Enter”鍵和鼠標都可以對表單的相關字段進行異步（Ajax）和同步（單純的Javascript）檢查并予以提交。

其他：

1、如果使用type="button"來異步檢測相關字段呢？

　　這樣，這個“input”必須得有一個事件觸發器。在IE和FF下，無法直接在文本框中按下“Enter”來提交表單。如果要的話，需要使用額外的函數來監聽用戶按下了什么，給出一個怎樣的反映（注釋3）。更糟糕的是，在Ch和Sa下，會忽略是否有type="submit"按鈕，而直接根據“action”屬性來提交表單，如此以來，便無法實現預期的檢測，可能還有更麻煩的后果。

2、如果不寫“action”屬性，直接異步提交表單呢？

　　這樣，通過異步的方式提交表單，而不僅僅是檢測，這個屬性則沒有必要。而且還是多余。假如這樣能提供更好的用戶體驗，何樂而不為呢？呵呵。

【注釋】

1 在IE8，FF，Ch中測試有效。Opera和Sa沒有測試。參考了這篇文章（http://tieba.baidu.com/f?kz=669494938）

2 這篇文章（http://blog.csdn.net/xiewhenwe/archive/2009/11/08/4785469.aspx）給了我借鑒

3 參考我以前的文章（http://www.cnblogs.com/lamper/archive/2010/02/06/1665117.html）

該文章在 2010/11/25 23:12:01 編輯過