Question

我正在构建一个显示预览的表单，而我在使用innerHTML从文本输入字段中删除动态内容时遇到了问题。

动态内容来自Inputmask-multi Jquery插件，该插件强制进行电话号码格式化。请在此处查看示例：http://andr-04.github.io/inputmask-multi/en.html

Firefox和Chrome正在剥离正确的格式，只显示用户输入的数字。

表单输入代码：

            <label for="wphone_input" id="wphone">Work Phone:<span style="color: #ff0000">*</span><br>
        <input type="text" name="wphone_input" id="wphone_input">
    </label>

我正在抓住输入的值，如下所示：

wphone = frm.wphone_input.value;

然后我就像这样设置显示器：

document.getElementById("wphone2").innerHTML = wphone;

有人可以告诉我如何显示包含正确格式的输入值吗？

Answer 1

我在Chrome上。我转到你列出的URL，在框中输入一堆5s，然后打开一个控制台窗口（注意，输入突出显示，因此$ 0是输入框）：

$($0).val(); // 55555555555
$($0).data().inputmask.autoUnmask = false; 
$($0).val(); // +555-55-55-5555;

因此，在初始化输入掩码时可能会设置autoUnmask选项。

innerHTML剥离动态添加字符

1 个答案: