屏蔽输入在Android手机中不起作用

时间:2013-11-11 17:05:33

标签: jquery maskedinput

您好我已经使用屏蔽输入插件click为我的网站格式化用户输入的电话号码我使用的格式为(123) 456-7890它与PC的工作正常但是当我浏览时使用Android设备的网站,输入电话号码为1234567890,其订单将自动更改为(213) 456-7890或任意随机订单。

您可以在他们的演示网站中看到此问题,这里是link 在使用选项卡旁边的goto演示选项卡中。

任何人都可以建议我一个解决方案。

3 个答案:

答案 0 :(得分:8)

我通过三个操作解决了这个问题,这些操作修复了所有Android 4.0+手机:

  1. 将屏蔽输入更新至至少版本 1.4
  2. type="tel"添加到输入,以触发电话键盘
  3. 删除输入的maxlength属性,或将其设置为一定值,以免干扰插入符号操作,例如20

答案 1 :(得分:2)

在“Jonathan Rowny”上通过masked input not working in android mobiles?引用原始答案(在评论中):

  

这是在前一段时间(11个月前)修复的,但出于某种原因   网站上发布的分发从未接受过更改。如果你抓住   从原始来源,修复工作:   https://raw.githubusercontent.com/digitalBush/jquery.maskedinput/master/src/jquery.maskedinput.js

答案 2 :(得分:-5)

<script src="js/jquery.maskedinput.min.js" type="text/javascript">http://    digitalbush.com/projects/masked-input-plugin/</script>
<script type="text/javascript"> //input mask
jQuery(function($){
    $(".date").mask("99/99/9999");
    $(".phone").mask("(999) 999-9999");
    $(".zip").mask("99999");
    $(".year").mask("9999");
    //,{placeholder:" "}
    });
</script>

html

<input class="phone" id = "aligned-phone" type="tel" name="phone" value="<%=phone %>"   Placeholder = "Cell Phone" autocomplete="<%= autofill%>">

我发现使用班级效果最好...... 祝你好运