HTML 입력란에 마스크 자리 표시자가 나타나지 않습니다.

Question

mathiasbynens/jquery-placeholder를 사용하고 있습니다. 모든 클라이언트 버전에서 IE7,8을 사용하기 때문에 모든 것이 가장 중요합니다.

하지만 평소와 같이 Internet Explorer에 문제가 있습니다. 필자는 하나의 입력 유형을 가지고 있는데, 이는 마스킹 된 전화 번호이며, 필드 마스킹의 마스킹을 해제하면 IE에 나타나고, 그렇지 않으면 나타나지 않습니다. 마스크가있는 요소에서 어떻게 작동하는지 고칠 수 있습니다. 여기

코드입니다 :

<input type="text" name="phone_number" id="phone_number_btd" value="<?php echo $phone_number; ?>" placeholder="Phone Number"/> 


$("#phone_number_btd").mask("(999) 999-9999? x9999"); 

아래 자리 표시 기능을 호출하는 코드입니다 : 다음 스크립트가 완전히 내가 "비즈니스 전화와 함께 가지고 있던 문제를 해결

 (jQuery)('[placeholder]').focus(function() { 
     var input = $(this); 
     if (input.val() == input.attr('placeholder')) { 
      input.val(''); 
      input.removeClass('placeholder'); 
     } 
     }).blur(function() { 
     var input = $(this); 
     if (input.val() == '' || input.val() == input.attr('placeholder')) { 
      input.addClass('placeholder'); 
      input.val(input.attr('placeholder')); 
     } 
     }).blur(); 

Answer 1

을 "MSIE 9에서 11까지 나타나지 않습니다. 희망이 도움이됩니다.

Placeholders.js는 HTML5 자리 표시 자 속성에 대한 JavaScript polyfill입니다. 가볍고 의존성이 없으며 상상할 수있는 거의 모든 브라우저에서 작동합니다.

https://jamesallardice.github.io/Placeholders.js/ 

    <script src="CHANGE-TO-PATH-AFTER-DOWNLOADED/placeholders.min.js"></script> 

    <section> 
    <label class=""> 
    <input type="tel" name="phone" id="phone" placeholder="Business Phone"> 
    </label> 
    </section> 


    <script type="text/javascript"> 
    $(function() 
    { 
     // Masking 
     $("#phone").mask('(999) 999-9999', {placeholder:'X'}); 
     // $("#date").mask('99/99/9999', {placeholder:'X'}); 
     // $("#card").mask('9999-9999-9999-9999', {placeholder:'X'}); 
     // $("#serial").mask('***-***-***-***-***-***', {placeholder:'_'}); 
     // $("#tax").mask('99-9999999', {placeholder:'X'}); 
    });    
    </script>