有兩個頁面,一個是登陸頁面瞧捌,一個是兌換頁面。在進行登陸后润文,谷歌瀏覽器會記住密碼姐呐,然后登陸兌換頁面的時候,谷歌瀏覽器就會自動填充转唉,有什么辦法在頁面或者后臺中做一些設(shè)置讓谷歌瀏覽器不自動進行填充呢皮钠?
p.input
label 禮物編號
= f.text_field :number, autocomplete: 'off'
p.input
label 驗證碼
= f.password_field :validation_code, autocomplete: 'off'
有一個問題,因為驗證碼那邊要求的是password的type 赠法,所以驗證碼那個輸入框改了type之后麦轰。又變成了同樣的問題乔夯。
最后,我想了一個辦法款侵,先改表單
p.input
label 禮物編號
= f.text_field :number
p.input
label 驗證碼
= f.text_field :validation_code末荐, id: 'text_password'
然后通過通過JS修改type,在頁面加載0.5秒以后改驗證碼輸入框的type屬性為password
$(function() {
window.setTimeout(function() {
$('#elibao_gift_order_line_item_validation_code').attr('type', 'password');
}, 500);
});
谷歌上邊的記住密碼功能解決新锈,但是在IE8 上邊測試了一下甲脏,js失效了。IE9以下的瀏覽器中關(guān)于input的type屬性是只讀妹笆,只能試text块请,不能修改的,所以js無效拳缠。
最后:
p.input
label 禮物編號
= f.text_field :number
p.input
label 驗證碼
input type="text" display:"none"
= f.text_field :validation_code墩新, id: 'text_password'