Javascript 手机网站表单中的输入屏蔽文本框不工作
我有一个要求,我需要应用输入屏蔽的形式在移动网站中使用的文本框 例如:我在我的手机网站上使用了下面的表格,其中手机号码需要根据标签中给出的示例文本进行屏蔽。我尝试使用一些jquery插件来实现这个功能,但是我发现它在web上运行得很好,但在移动浏览器中运行失败 我在网上看到一条评论说,手机浏览器不依赖按键和按键事件。这是真的吗 我尝试使用自己的代码来实现解决方案(代码如下) 上述代码在web浏览器中工作,但在移动设备中,前3位数字工作正常,但第4位和第5位数字交换以及数字顺序始终失败。而且当你删除“否”时,并不是所有的数字都被删除 我们是否有来自jquery的插件或执行此任务的代码段 下面是我在S2、S3和iPhone的移动默认浏览器中尝试的一些插件(失败了) 掩码| jQuery插件注册表Javascript 手机网站表单中的输入屏蔽文本框不工作,javascript,jquery,mobile,masking,Javascript,Jquery,Mobile,Masking,我有一个要求,我需要应用输入屏蔽的形式在移动网站中使用的文本框 例如:我在我的手机网站上使用了下面的表格,其中手机号码需要根据标签中给出的示例文本进行屏蔽。我尝试使用一些jquery插件来实现这个功能,但是我发现它在web上运行得很好,但在移动浏览器中运行失败 我在网上看到一条评论说,手机浏览器不依赖按键和按键事件。这是真的吗 我尝试使用自己的代码来实现解决方案(代码如下) 上述代码在web浏览器中工作,但在移动设备中,前3位数字工作正常,但第4位和第5位数字交换以及数字顺序始终失败。而且当你
提前感谢您即使在手机上,这也适用于我: $(“#phoneInput”).jqxMaskedInput({宽:250,高:25,掩码:'-###-#####')
我用过IPhone和Nexus 令人担心的是,这个插件是付费的,它附带了一些我不需要的功能。我唯一需要的功能是输入掩码。
function formatPhone(e, node) {
var keycode = e.keyCode ? e.keyCode : e.which;
if(keycode == 8){ // backspace
return false;
}
if(keycode == 46){ // delete
return false;
}
var input = $(node).val();
input = input.replace(/-/g, '');
var areaCode = input.substring(0, 3);
var exchange = input.substring(3, 6);
var tail = input.substring(6);
$(node).val(areaCode + "-" + exchange + "-" + tail);
}
$('#${PRE_ID}Phone').keyup(function (e) { formatPhone(e, this); });