天天看點

解決FireFox浏覽器重新整理表單值重複的問題

今天在項目中碰到這個一個問題:

首先大家看我的表單:

解決FireFox浏覽器重新整理表單值重複的問題

大家仔細看這些隐藏域的value值,都隻有一個。。。。

但是當我點選了浏覽器的重新整理按鈕之後,再看看效果:

解決FireFox浏覽器重新整理表單值重複的問題

神奇了吧!。。。怎麼就出現一模一樣的呢?這要是送出上去資料肯定報錯的啊 。。。

找了好久,找到了解決辦法。就是在表單上添加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。

問題是解決了,說是禁用表單自動填充,但是其實并不是很了解。。。為什麼同樣是重新整理,其他浏覽器不會如此?  看來有空得花時間了解一下主流浏覽器的一些機制了。。

繼續閱讀