按回車提交表單

2021-08-30 20:23:43 字數 609 閱讀 9844

問題域:

在製作網頁時,有時候需要在文字框中輸入內容時按下回車就自動提交表單,

而有的時候又不希望一按下回車就自動提交表單,遇到這樣的問題我們如何去處理呢?

解決方案:

1、首先我們來實現一按回車就自動提交表單的功能

這個其實比較容易,只要表單中含有乙個「提交」的按鈕,在文字框中輸入內容後按回車就會自動提交這個表單,如果不想讓提交按鈕出現在頁面上,可以這樣寫,按鈕同樣有效,只是被隱藏了:

view plaincopy to clipboardprint?

另外如果表單中只有乙個文字框,沒有提交按鈕,也會自動提交。

2、那麼如果不希望自動提交要怎麼做呢

和上面相反,只要表單中沒有提交按鈕即可,

或者把提交按鈕寫成這樣的形式(frm是表單的name):

view plaincopy to clipboardprint?

第二種情況,表單中只有乙個文字框,不管有沒有提交按鈕,按回車都會自動提交表單,

怎麼辦?這個問題看起來比較難解決,其實很容易。

只要在表單中再增加乙個隱藏的文字框即可:

view plaincopy to clipboardprint?

表單按回車自動提交

當form表單中只有乙個時按回車鍵將會自動將表單提交。再新增乙個按下回車將不會自動提交,但是頁面上顯示乙個不知所云的輸入框挺彆扭,後從網上搜到兩個解決辦法 1.新增乙個不顯示輸入框,然後回車之後也不會提交 2.新增乙個onkeydown事件,然後回車之後也不會顯示 如果想新增回車事件可以在onkey...

Ajax非同步按下回車提交表單

點選查詢按鈕 提交表單,設定提交方法,但是返回false findinvis submit function isempty 判斷函式入參值是否為空,只能用於字元型 string 物件 object 陣列 array 不適用於數值型和布林型,舉例說明 空值 null 空字串 undefined 返回...

js 回車提交表單

1,js 輸入框如何鋪貨回車事件?在onkeypress 事件中捕獲,即在keypress事件中,判斷按下的鍵是否是enter,其對應keycode是13 html input type text name email placeholder 電子郵箱 onkeypress pressenterto...