2015-01-26 6 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; 

I는 다음과 같이 디스플레이를 설정하려고 :

document.getElementById("wphone2").innerHTML = wphone; 

누군가 적절한 형식을 포함하여 입력 값을 표시하는 방법을 말해 줄 수 있습니까?

+0

프로젝트를 더욱 복잡하게 만드는 의존성 및 사용자 정의 논리 작성을 피하기 위해 지역 코드와 전화 번호 두 필드를 입력합니다. – juanpastas

답변

1

나는 Chrome을 사용 중입니다. 그래서 아마 autoUnmask

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

: 난 당신이 나와있는 URL에 갔다 상자에 5 초의 무리를 입력하고 (그래서 $ 0 입력 상자가 참고, 입력이 강조) 콘솔 창을 열어 입력 마스크를 초기화 할 때 설정하는 옵션.

+0

감사합니다. 나는 그걸 너무 오랫동안 보냈다. –