表單按斷行符號自動認可(轉)

標籤：

http://www.cnblogs.com/luoyanli/archive/2012/07/09/2582650.html

 

1、當form表單中只有一個<input type="text" name=‘name‘ />時按斷行符號鍵將會自動將表單提交。

<form id=‘form1‘ action=‘a1.jsp‘ method=‘post‘><input type=‘text‘ name=‘name‘ /></form>

再添加一個<input type="text"/>按下斷行符號將不會自動認可，但是頁面上顯示一個不知所云的輸入框挺彆扭，後從網上搜到兩個解決辦法：

　　1；添加一個<input type=‘text‘ style=‘display:none‘/>不顯示輸入框，然後斷行符號之後也不會提交：

<form id=‘form1‘ action=‘a1.jsp‘ method=‘post‘><input type=‘text‘ name=‘name‘ /><input style=‘display:none‘ /></form>

　　2；添加一個onkeydown事件，然後斷行符號之後也不會顯示：

<form id=‘form1‘ action=‘a1.jsp‘ method=‘post‘><input type=‘text‘ name=‘name‘ onkeydown=‘if(event.keyCode==13) return false;‘/></form>

如果想添加斷行符號事件可以在onkeydown事件中添加判斷提交表單：

<form id=‘form1‘ action=‘a1.jsp‘ method=‘post‘><input style=‘display:none‘ /><input type=‘text‘ name=‘name‘ onkeydown=‘if(event.keyCode==13){gosubmit();}‘ /></form>

 我們有時候希望斷行符號鍵敲在文字框（input element）裡來提交表單（form），但有時候又不希望如此。比如搜尋行為，希望輸入完關鍵詞之後直接按斷行符號鍵立即提交表單，而有些複雜表單，可能要避免斷行符號鍵誤操作在未完成表單填寫的時候就觸發了表單提交。
要控制這些行為，不需要藉助JS，瀏覽器已經幫我們做了這些處理，這裡總結幾條規則：
如果表單裡有一個type=”submit”的按鈕，斷行符號鍵生效。  如果表單裡只有一個type=”text”的input，不管按鈕是什麼type，斷行符號鍵生效。  如果按鈕不是用input，而是用button，並且沒有加type，IE下預設為type=button，FX預設為type=submit。  其他表單元素如textarea、select不影響，radio checkbox不影響觸發規則，但本身在FX下會響應斷行符號鍵，在IE下不響應。  type=”image”的input，效果等同於type=”submit”，不知道為什麼會設計這樣一種type，不推薦使用，應該用CSS添加背景圖合適些。

表單按斷行符號自動認可(轉)