2

我正在使用 jQuery 插件 (jquery.mask.js-v1.14.10) 以以下格式屏蔽电话号码：- (000) 000-0000。

我正在使用下面的 jQuery 代码：-

$("body").on("input propertychange", ".USMobileFormat", function (e) {            
            $(this).attr('maxlength', '14');
            $(this).mask('(000) 000-0000');
 });

当我输入第一个数字时，鼠标光标位于输入的数字之前。

例如：-假设我的电话号码是 586****，这里第一个数字是 5，我输入了它，然后光标出现在 5 之前，因此当我输入第二个数字（这里是 8）时它会产生问题，所以我输入的数字将是“ （85 英寸。

我还面临一个问题：-当我替换电话号码的倒数第二位时，光标转到文本框的最后一个位置（应该在倒数第二个位置），这也是错误的。TIA。

4

1 回答 1

0

下面简单易行的例子。我有使用 Ace-Admin 主题 jquery 电话面具。您可以打开链接保存它，作为本地使用

 <!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

<input class="form-control input-sm input-mask-phone valid" id="PhoneNumber" name="PhoneNumber" type="text" value="">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.0/jquery.min.js"></script>
<script src="http://ace.jeka.by/assets/js/jquery.maskedinput.min.js"></script>


    <script>
    jQuery(function ($) {
        $.mask.definitions['~'] = '[+-]';
        $('.input-mask-phone').mask('(999) 999-9999');
    });
   </script>

</body>
</html>
于 2017-04-18T07:26:10.197 回答