2015-01-26 71 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