2015-01-26 183 views
-2

我正在构建一个显示预览的表单,并且我遇到了来自文本输入字段的innerHTML剥离动态内容的问题。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; 

有人能告诉我如何显示包含正确格式的输入值?

+0

为了避免引入依赖关系和自定义逻辑编写,这将使您的项目看起来更复杂,我会把两个字段一个用于区号和一个用于电话号码 – juanpastas 2015-01-26 19:23:32

回答

1

我在Chrome上。我去给你列出的网址,键入一堆盒子5秒,并打开一个控制台窗口(注意,输入被高亮显示,因此$ 0是输入框):

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

因此,有可能是一个autoUnmask在初始化输入掩码时设置的选项。

+0

谢谢。我在那个上花了太长时间。 – 2015-01-26 19:36:40