innerHTML разделение динамически добавленных символов

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 параметр, который вы устанавливаете при инициализации маски ввода.