【问题标题】:JQuery Masked Input plugin not working for an area codeJQuery Masked Input 插件不适用于区号
【发布时间】:2016-02-16 22:40:22
【问题描述】:

我正在使用 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"/>

谁能告诉我这种行为的根源?

谢谢!

【问题讨论】:

  • 它似乎对我有用。如果我输入 3 个数字,它也会添加右括号。
  • 我认为您想从输入中删除该值并将其添加到占位符中。
  • @ItsGreg :输入三个数字即可。但是,当您显示数据时它不起作用。
  • 为什么投反对票?请解释一下,以便我修复它。无缘无故投反对票是没有建设性的。

标签: javascript jquery maskedinput


【解决方案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"/>

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2012-10-29
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-02-13
    • 2011-05-22
    相关资源
    最近更新 更多