表單自動提交問題整理

2022-10-10 20:06:14 字數 708 閱讀 4332

二是利用了瀏覽器的預設行為(至少發現ie是這樣的)。瀏覽器在解析網頁的時候,有許多預設的行為,例如: * 如果乙個頁面上有表單和乙個提交按鈕,那麼開啟頁面時,焦點會自動落在這個提交按鈕上面。 * 同樣如果乙個表單中只有乙個單行文字輸入域(text),那麼在這個輸入域中按enter鍵時,瀏覽器會自動提交該表單。 我們對於第一種情況一般都知道而且很容易理解,但是對於第二種瀏覽器的預設行為,可能知道這一點的人就比較少了,下面我具體看一下瀏覽器(至少ie如此)在表單提交上的預設行為。 如果表單中含有乙個單行文字輸入域,那麼無論含有多少其他型別的表單元件,那麼在該輸入域中點選enter時,表單會自動提交。例如下面的**:如果表單中含有兩個或多個單行文字輸入域,那麼無論是否含有其他型別的表單元件,按enter鍵時不會自動提交,例如:

辦法很簡單,我們上面舉的例子中已經有了,只要再新增乙個文字輸入框就可以了,可能你會說,為了不自動提交就要增加乙個沒有用的輸入框,而且中含有兩個輸入框終端使用者會接受嗎?其實可以解決,你可以將那個新新增的輸入框通過style隱藏即可,例如:還有乙個方法可以繫結button按鈕 enter觸發事件:document.onkeypress = function() }其中search方法是onclick事件:

注意:1、form自動提交,input最好不要有value=""配置(有次設定時焦點在input上時點選enter表單會自動提交)。

input image 自動提交表單

利用提交表單有兩種方式 1.此會自動對form表單進行提交,即為type submit 若提交前要進行判斷 檢驗則用 但是用這種方式提交會發生表單提交兩次的現象,經常會造成表單元素被重複提交,資料庫被寫入異常!尤其是用ie問題比較嚴重,用火狐的話還不會報錯!此時注意,要把資料庫設定為同一資訊要唯一!...

阻止自動表單提交

html js function getfocus txt function valiname txt test txt.value else function valipwd txt test txt.value else function valiall e window.nl ad funct...

表單按回車自動提交

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