innerHTML 剥离动态添加的字符

Posted 2023-05-07

【中文标题】innerHTML 剥离动态添加的字符

【英文标题】：innerHTML stripping dynamically added characters

【发布时间】：2015-03-25 06:43:21

【问题描述】：

我正在构建一个显示预览的表单，但在 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;

谁能告诉我如何显示包含正确格式的输入值？

【问题讨论】：

为了避免引入依赖和自定义逻辑编写，这会使您的项目看起来更复杂，我会放置两个字段，一个用于区号，一个用于电话号码

【参考方案1】：

我在 Chrome 上。我去了你列出的 URL，在框中输入了一堆 5，然后打开了一个控制台窗口（注意，输入被突出显示，所以 $0 是输入框）：

$($0).val(); // 55555555555
$($0).data().inputmask.autoUnmask = false; 
$($0).val(); // [phone];

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

【讨论】：

谢谢。我在那个上花了太长时间。