2016-02-16 21 views
-1

我正在使用JQuery Masked Input插件。我有一個區域代碼的掩碼,它只是在開頭和結尾插入3位數字的括號,如:(123)。當我的地區代碼輸入字段有一個3位數值時,插件會插入左側圓括號,但不是右側圓括號。我希望它插入括號或者都不插入。如果您在文本框中鍵入任何內容,它會自動填充右括號。這裏有一個例子:JQuery Masked Input插件不能用於區號

$(function(){ 
 
    
 
    $('#areacode').mask('(000)', { placeholder: '(___)'}); 
 

 

 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.min.js"></script> 
 

 
<input type="text" id="areacode" value = "123"/>

任何人可以讓我知道這種行爲的根源?

謝謝!

+0

這似乎是爲我工作。如果我輸入3個數字,它也會添加右括號。 – ItsGreg

+0

我想你想從輸入中刪除值並將其添加到佔位符也許。 – mkaatman

+0

@ItsGreg:如果你輸入三個數字,它會起作用。但是,在顯示數據時它不起作用。 –

回答

1

好的,所以我找到了解決方案。這不是很好,但觸發keyup事件似乎修復它。

$(function(){ 
 
    
 
    $('#areacode').mask('(000)', { placeholder: '(___)'}).trigger('keyup'); 
 

 

 

 
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.13.4/jquery.mask.min.js"></script> 
 

 
<input type="text" id="areacode" value = "123"/>

相關問題