JQuery Masked Input插件不适用于区号

时间:2016-02-16 22:40:23

标签: javascript jquery maskedinput

我正在使用JQuery Masked Input插件。我有一个区域代码的掩码,只需在3位数字的开头和结尾插入括号,如:(123)。当我的区号输入字段具有3位数值时,插件插入左括号但不插入右括号。我希望它插入两个括号或不插入括号。如果在文本框中键入任何内容,它会自动填充右括号。这是一个例子:

$(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"/>

有人能告诉我这种行为的来源吗?

谢谢!

1 个答案:

答案 0 :(得分: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"/>