1. 程式人生 > >解決FireFox瀏覽器重新整理表單值重複的問題

解決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。

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