Google瀏覽器提交表單不能執行submit()事件,IE居然可以
需求:使用者在註冊或者是登陸時,當點選註冊或登陸按鈕時,會對錶單進行逐個校驗,如果校驗成功則跳轉相關頁面,如果校驗失敗就會顯示相關錯誤資訊。
問題:表單有問題時,點選登陸按鈕,使用Google瀏覽器,未進行校驗,直接執行了servlet的方法,而IE瀏覽器正常,如下圖:
上面一張圖為Google瀏覽器,直接執行了servlet相關方法,不正常,下面一張圖為IE瀏覽器,正常。
form標籤的id為loginForm,提交按鈕標籤的id為submit,如下圖
下圖為js中的submit事件
為什麼IE可以,Google不行呢?
經過多次的測試,發現是ID選擇的問題,Google瀏覽器執行submit()事件時,只認form標籤的ID,而IE瀏覽器既能識別form標籤的ID,又能識別提交按鈕的ID.這是Google與IE的一點不同之處。
下圖改為form標籤的ID後瀏覽器通用
相關推薦
Google瀏覽器提交表單不能執行submit()事件,IE居然可以
需求:使用者在註冊或者是登陸時,當點選註冊或登陸按鈕時,會對錶單進行逐個校驗,如果校驗成功則跳轉相關頁面,如果校驗失敗就會顯示相關錯誤資訊。 問題:表單有問題時,點選登陸按鈕,使用Google瀏覽器,未進行校驗,直接執行了servlet的方法,而IE瀏覽器正常,如下圖:
關於form提交表單和onclick事件的觸發
我們在提交的時候會對資料進行驗證,在form表單的提交按鈕上繫結處理JavaScript事件的問題總結。 <script type="text/javascript"> function check(){ var password =
谷歌Chrome瀏覽器提交表單無效,無法跳轉,a標籤不起作用的解決方案
今天遇到一個坑爹的問題,找了很久才弄清楚原因,在此給廣大網友分享一下解決這個問題的經驗,以便少走彎路。 造成表單form無法提交的原因是,谷歌瀏覽器自作聰明的認為這屬於“重複提交”,於是被谷歌瀏覽
Django通過Ajax利用FormData動態提交表單(包括檔案,字串)
0 需求背景 有的時候我們上傳表單,經過後臺處理之後再分發回原來頁面,這時必定會重新整理這個頁面。為了解決這個問題,我們採用JS動態提交表單元素,如:file、text等型別,可以很好的解決這一問題。 1 DOM結構 <form method="post" enctype=
基於jquery的實現非同步跨域提交表單的實現程式碼,需要的朋友可以參考下。
1.使用post提交方式 2.構造表單的數格式 3.結合form表單的submit呼叫ajax的回撥函式。 使用 jQuery 非同步提交表單程式碼: <html xmlns="http://www.w3.org/1999/xhtml"> <he
解決 php提交表單到當前頁面,重新整理會重複提交 的問題
下午有一個朋友問我這個問題,其實解決辦法很簡單: 只需要在表單裡生成一個token(隨機字串),然後用個input裝起來,設定hidden。第一次post處理完資料後把token存入session,接下來每次post判斷一下token跟session中的一不一樣,一樣則說明
JavaScript禁止沒有回車事件的input觸發submit提交表單事件,已有回車觸發事件的input不受影響
<script type="text/javascript"> document.onkeydown = function(event) {//禁止沒有回車事件的input觸發s
Firefox瀏覽器關於submit提交表單時提交兩次的bug
放假前在做一個通過excel上傳檔案插入資料的功能的時候發現Firefox的一個bug,在我做表單提交的時候(我用的是submit提交)後臺控制器居然執行了兩次,這樣導致我的資料庫插入操作也執行了兩次
『PHP學習筆記』系列九:利用from表單的onSubmit事件進行瀏覽器端的資料驗證
資料驗證思路: 當我們在網站進行註冊時,一般有兩個資料驗證的過程,一個是在伺服器端的驗證,一個是在瀏覽器端的驗證。瀏覽器端的驗證一般是用來驗證提交的資訊是否符合註冊的要求,即資料是否合法;伺服器端的驗證主要是驗證該註冊資訊是否已經存在於伺服器中,如果註
PHP中if(isset($_POST['Submit']))是什麼意思,php提交表單時判斷 if($_POST[submit])與 if(isset($_POST[submit])) 的區別
isset -- 檢測變數是否設定 判斷post過來的資料是否被提交過來,if(isset($_POST["submit"]){ echo "提交過來了"; }else { echo "submit is no come~"; } if(isset($_
jquery中使用$(#form).submit()提交表單無效原因分析及解決Script
今天寫了一個表單驗證,驗證的時候沒有任何問題,但是頁面提交不了,很詭異,然後各種百度,查了一下的原因是input的id不能為submit 注意:提交表單的時候,input的id不能為submit <dl> <dd> <label>角
為什麼使用jquery 的submit()方法不能提交表單?
今天遇到一個問題,就是用jquerr提交表單時出現問題 下面是程式碼 <form id="fm1" action="http://www.baidu.com" method="post"> <h2>請輸入您的使用者名稱和密碼.</h2>
form表單中onclick事件和onsubmit事件的執行順序
說來很慚愧,今天因為form表單的一個小問題困擾了一下午。雖然最終得以解決,但花費的時間實在是令人汗顏,現在總結一下遇到的問題。 先說一下背景,之前幫一個朋友的專案寫了一個原生js的表單驗證,今天
Submit提交表單後無法跳轉頁面
問題描述: 在做登入介面,因為要用到validform驗證,所以需要對錶單進行提交,但此時存在一個問題,因為在用submit提交後是用ajax進行的登入成功與否的判斷,在判斷成功後,執行ajax的su
提交表單資料,在IE及其它瀏覽器中亂碼的解決方案
如在IE下提交表單資料亂碼: 解決方案: 在form表單中新增 onsubmit="document.charset='GBK';" 【注編碼根據各自環境條件指定】 如在其它瀏覽器下提交表單資料亂碼: acce
jquery ajax提交表單form資料幾種方式小結 a標籤提交,input標籤提交 submit提交
方式一:舉個例子。 <a href="javascript:void(0)" id="click">點選</a> //jq獲取標籤,並且繫結單擊事件 $(“#click”).click(function (){ //點選後
php提交表單內容有單引號,mysql執行時遇見錯誤的解決方法。
首先看一下問題所在。 "INSERT INTO tg_article( tg_username, tg_typ
Struts 2提交form表單執行action後不跳轉(ajax)
今日寫專案寫到一個商品加入購物車功能,原本設計是點選按鈕之後,儲存資料,並彈出一個div告知使用者新增成功,頁面不跳轉,看似很簡單的功能,卻在“不跳轉”這點上卡住,我不想跳轉咋就這麼難呢?查了很多資料,知道了要用ajax,因為本人愚鈍,並沒有能夠解決我的小
不同瀏覽器對回車提交表單的處理辦法(轉載)
在IE和Firefox下1、<form>屬性的“action”欄位必填;2、有一個type="submit"的“input”。 在Chrome和Safari下 滿足第一條即可。(註釋1) 如果要控制提交行為的話(比如,提交前檢查必填項是否已填),可以在type=
如何不使用submit按鈕來提交表單
提交表單一般使用Form物件中的submit按鈕,但是在很多場合用其他方法提交卻顯得更為簡捷,如選中單選項,選擇下拉列表元素等。 只要在相應的元素的事件中加入下面這條事件處理程式碼即可實現提交。 document.formName.submit(); 或: document