2011-12-22 18 views
1

我使用的輸入掩碼jQuery插件爲用戶提供輸入規則的某些領域,例如結合,禁用自動完成與輸入掩碼

$(".year").mask("9999",{placeholder:"Y"}); 

,但現場並沒有選擇焦點的內容,相反的是插件文檔暗示。所以我在腳本中添加了另外一行:

$("input[type=text]").focus(function(){ 
    this.select(); 
}); 

但是,這似乎也不起作用。我玩了更多,並注意到這些字段[有時]被瀏覽器預先填充了值。然而,我無法讓自動完成關閉,但我懷疑這就是爲什麼內容沒有被選中 - 瀏覽器將內容添加到焦點領域,並且這是在jQuery之後觸發的。

如何從這些字段關閉自動填寫?我試圖加入:

autocomplete="off" 

到單個文本字段,但它似乎沒有工作(在Firefox和Chrome中測試)。在IE中,將這個添加到各個領域似乎可行,但輸入掩碼驗證沒有。

回答

0

解決方法很簡單,並在所有瀏覽器完美的工作,至少對我來說:)

  1. 添加禁用屬性的表單字段(電子郵件,密碼等)

    syntax: <input type="text" class="year" disabled /> 
    
  2. 頁面加載在幾毫秒後啓用字段。

    使用下面的JS代碼。

    function getRidOffAutocomplete(){ 
    
        var timer = window.setTimeout(function(){ 
         $('.year').prop('disabled',false).mask("9999",{placeholder:"Y"}); 
         clearTimeout(timer); 
         }, 
         800); 
    } 
    
    // Invoke the function 
    getRidOffAutocomplete();