jquery - 屏蔽输入在安卓手机中不起作用

Question

嗨，我已经使用屏蔽输入插件单击我的网站来格式化用户输入的电话号码我使用该格式作为(123) 456-7890它在 PC 上的工作正常但是当我使用 android 设备浏览网站并输入电话号码作为1234567890它的订单正在(213) 456-7890自动更改为或任何随机订单。

您可以在他们的演示站点中看到这个问题，这里是 使用选项卡旁边的转到演示选项卡中的链接。

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

Answer 1

我通过三个操作解决了这个问题，这些操作已经为所有 Android 4.0+ 手机解决了这个问题：

1. 将 masked-input 更新到至少1.4版
2. 添加type="tel"到输入，触发手机键盘
3. 删除输入的maxlength属性或将其设置为一定不会干扰插入符号操作的值，例如20.

Answer 2

引用Jonathan Rowny的原始答案（在评论中）关于“屏蔽输入在 android 手机中不起作用？ ”：

这已在不久前（11 个月前）修复，但由于某种原因，发布在网站上的发行版从未接受过更改。如果您从原始源中获取，则修复有效： https ://raw.githubusercontent.com/digitalBush/jquery.maskedinput/master/src/jquery.maskedinput.js

Answer 3

<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%>">

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