innerHTML 剥离动态添加的字符

Question

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

动态内容来自 Inputmask-multi Jquery 插件，它强制 phone 数字格式。请在此处查看示例：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，在框中输入了一堆 5，然后打开了一个控制台 window（注意，输入是突出显示的，所以 $0 是输入框）：

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

所以你在初始化输入掩码时可能设置了一个autoUnmask选项。

innerHTML 剥离动态添加的字符

innerHTML stripping dynamically added characters

html

javascript

forms

innerhtml