解決FireFox瀏覽器重新整理表單值重複的問題
今天在專案中碰到這個一個問題:
首先大家看我的表單:
大家仔細看這些隱藏域的value值,都只有一個。。。。
但是當我點選了瀏覽器的重新整理按鈕之後,再看看效果:
神奇了吧!。。。怎麼就出現一模一樣的呢?這要是提交上去資料肯定報錯的啊 。。。
找了好久,找到了解決辦法。就是在表單上新增autocomplete="off"屬性。autocomplete屬性是html5標準屬性
<form method="POST" id="submitFrom" autocomplete="off"></form>
問題解決!!!
解決辦法由來:https://developer.mozilla.org/en-US/docs/Web/Security/Securing_your_site/Turning_off_form_autocompletion
此問題目前實測Chrome\IE沒出現問題,僅發現與firefox。
問題是解決了,說是禁用表單自動填充,但是其實並不是很理解。。。為什麼同樣是重新整理,其他瀏覽器不會如此? 看來有空得花時間瞭解一下主流瀏覽器的一些機制了。。
相關推薦
解決FireFox瀏覽器重新整理表單值重複的問題
今天在專案中碰到這個一個問題: 首先大家看我的表單: 大家仔細看這些隱藏域的value值,都只有一個。。。。 但是當我點選了瀏覽器的重新整理按鈕之後,再看看效果: 神奇了吧!。。。怎麼就出現一模一樣的呢?這要是提交上去資料肯定報錯的啊 。。。 找了好久,找到
thinkphp 解決頁面重新整理表單重複提交的問題
控制器中 session_start(); $code =mt_rand(0,1000000); $_SESSION['code'] = $code; $this->assign('code'
Http協議與表單防止重複提交實戰解決方案
http長連線與短連線 HTTP協議與TCP/IP協議的關係 HTTP的長連線和短連線本質上是TCP長連線和短連線。HTTP屬於應用層協議,在傳輸層使用TCP協議,在網路層使用IP協議。IP協議主要解決網路路由和定址問題,TCP協議主要解決如何在IP層之上可靠的傳遞資料包
谷歌Chrome瀏覽器提交表單無效,無法跳轉,a標籤不起作用的解決方案
今天遇到一個坑爹的問題,找了很久才弄清楚原因,在此給廣大網友分享一下解決這個問題的經驗,以便少走彎路。 造成表單form無法提交的原因是,谷歌瀏覽器自作聰明的認為這屬於“重複提交”,於是被谷歌瀏覽
15.VUE學習之-表單中使用key唯一令牌解決表單值混亂問題
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <ti
php 解決和避免form表單重複提交的方法
在提交表單的時候,可能遇到網速等導致頁面突然載入變慢,使用者重複地點選提交按鈕,將在資料庫產生多條資料,導致不可控情況。 比如下面的情況就會導致表單重複提交: 點選提交按鈕兩次。 點選重新整理按鈕。 使用瀏覽器後退按鈕重複之前的操作,導致重複提交表單。 使用瀏覽器歷史記錄重
Spring MVC 回退重新整理表單重複提交
基於Spring MVC進行Java Web開發時,如果使用表單進行提交資料,然後跳轉到某個URL由Controller進行處理,最後返回邏輯檢視,框架會通過viewResolver來解析具體的View,然後向返回給瀏覽器顯示【參考】。 <bean
ASP.Net 獲取Form表單值
eve length ted bsp pre html .net protect all 新建一HtmlPage1.html,如下post發送() <body> <form enctype="multipart/form-data" actio
ng-model綁定表單,所示表單值的類型
lar 隱藏 1.2 tar gpo button als show mode Angularjs 表單類型: input 元素 select 元素 button 元素 textarea 元素 1.input時根據類型不同,ng-model綁定的值不同 1.1
Form表單只提交數據,頁面不跳轉,返回表單值
bre ava case java ssr ace 引用 except erl html代碼: <form method="post" action="Handler/UserHandler.ashx?action=Test" onsubmit="return Rut
刪除順序表中值重複的元素
題目描述 設計一個演算法,刪除順序表中值重複的元素(值相同的元素僅保留第一個),使得表中所有元素的值均不相同。其中順序表的動態分配用C語言描述如下: #define InitSize 100 //表長度的初始定義 typedef int DataTyp
如何避免表單提交重複資料
提交表單的過程中如何避擴音交重複資料 在提交表單時,需要避免因 “網路卡頓” 或 “使用者在提交時點選多次提交按鈕” 而造成新增資料重複。 案例 <form name="f1" action="#" > ... <input id="butt
HTML之與瀏覽器互動, 表單標籤
使用表單標籤,與使用者互動 網站怎樣與使用者進行互動? 答案是使用HTML表單(form)。表單是可以把瀏覽器輸入的資料傳送到伺服器端,這樣伺服器端程式就可以處理表單傳過來的資料。 語法: <form method="傳送方式" action
解決Chrome上的表單自動填充無法禁用(autocomplete="off"屬性失效)
在Chrome上發現了一個Bug,表單會出現框子變黃,並且一直有自動補全的現象,新增 autocomplete="off" 屬性也解決不了問題,如下圖: 在後臺登入和登錄檔單裡,不需要自動補全,不僅會誤導使用者還會導致安全性的問題,百度了一通,發現
form表單防止重複提交的方法
會引起表單重複提交的情況:f5重新整理頁面, 點選瀏覽器後退,重複點選提交按鈕前臺:1. 提交後按鈕置灰,或者新增蒙板2. PRG模式,表單提交後,redirect到一個倒計時頁面,或者資訊提示頁面,等有成功資訊返回後,再跳轉回之前頁面。3. js中設定標記為判斷後臺:1 s
Google瀏覽器提交表單不能執行submit()事件,IE居然可以
需求:使用者在註冊或者是登陸時,當點選註冊或登陸按鈕時,會對錶單進行逐個校驗,如果校驗成功則跳轉相關頁面,如果校驗失敗就會顯示相關錯誤資訊。 問題:表單有問題時,點選登陸按鈕,使用Google瀏覽器,未進行校驗,直接執行了servlet的方法,而IE瀏覽器正常,如下圖:
表單防止重複提交處理的前後臺兩種處理方式
方法一:session中控制:jsp頁面: //設定標誌變數SubmitFlag值 session.putValue("SubmitFlag","complaint_add.jsp");control層: public String addxxx(){ Strin
DS-004 順序表-刪除值重複的元素
題目:從有序順序表中刪除所有其值重複的元素,使表中的值均不同。 演算法思想:有序順序表,值重複的元素一定在連續的位置上。用i記錄不重複的元素。用順序表前面的i個位置儲存不重複的元素,後面的元素如果與要
js 手動設定表單值再提交
html: <form id="form1" method="post" th:action="@{/plan/startWorkOrderBatch}">(th:action 為thymeleaf的標籤) <input id="workOrderIds"
簡單解決 multipart/form-data 檔案上傳表單中 傳遞引數無法獲取的辦法! (解決辦法:動態更改表單提交URL)
在jsp(其它動態web頁面好像也存在)中,如果要上傳檔案,表單的enctype就必須設定為"multipart/form-data"了,這樣就能夠傳遞檔案資料,卻無法傳遞引數,如下的表單: [xhtml] view plaincopyprint? 01.<for