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

Question

嗨我已经使用蒙面输入插件点击我的网站格式化用户输入的电话号码我使用的格式(123) 456-7890与PC的工作正常,但当我用Android设备浏览网站并输入电话号码作为1234567890其订单会(213) 456-7890自动更改为任何随机订单.

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

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

Answer 1

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

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

Answer 2

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

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