jquery에서 마스킹을 수행하는 방법은 무엇입니까?

텍스트 상자 하나와 제출 버튼 하나가 있습니다. 텍스트 상자를 채운 후 제출 단추를 클릭하면 해당 텍스트 상자가 가려져야합니다 (텍스트 상자에서 아무 것도 변경할 수 없어야 함). 비활성화되지 않았습니다. jquery에서 마스킹을 수행하는 방법은 무엇입니까?

<html> 
<head> 
    <script src="http://code.jquery.com/jquery-1.4.2.min.js" type="text/javascript"></script> 
    <script type="text/javascript"> 
     $(function(){ 
     $('button').click(function(){ 
      var n = $('#name'); 
      if (n.attr('readonly')=='readonly') { 
       n.removeAttr('readonly'); 
      } else { 
       n.attr('readonly','readonly'); 
      } 
     }); 
    }); 
</script> 
</head> 
<body> 
     <input type="text" id="name" /> 
     <button> Lock </button> 
</body>

나는 "읽기 전용"속성으로이 일을 해요,하지만 우리는 "마스크"속성에 의해 그것을 할 수 있습니다.

출처

2013-08-08 punit jain

당신은 http://plugins.jquery.com/maskedinput/에서 jQuery 플러그인을 설치할 수 있습니다 예를

jQuery(function($){ 
    $("#date").mask("99/99/9999"); 
    $("#phone").mask("(999) 999-9999"); 
    $("#tin").mask("99-9999999"); 
    $("#ssn").mask("999-99-9999"); 
});

를 들어 this-

1) http://digitalbush.com/projects/masked-input-plugin/

2) http://igorescobar.github.io/jQuery-Mask-Plugin/

같은 시도

출처

2013-08-08 13:55:08

내가 유에게 을하지 않았다 내가 사용 - jQuery를 (함수 ($) { $ ("# yourID") 마스크 ("AAA 999 "), }); 원하는 출력을 얻지 못합니다. 무슨 의미입니까 ("aaa 999") –

@punitjain : 내 게시물을 유효한 데이터로 업데이트했습니다. –

@punitjain : 주어진 링크를 확인하십시오. 너는 더 좋은 생각을 가질거야. –

당신은 다른 입력 태그를 사용할 수 있습니다

, this 링크를 참조하십시오.
HTML :

<input id="name" /> 
<input id="hiddenName" style="display: none;" disabled="disabled" /> 
<button type="button" onclick="disableInput();">Disable</button>

자바 스크립트 :.

function disableInput() { 
    var name = document.getElementById("name"); 
    var hiddenName = document.getElementById("hiddenName"); 
    hiddenName.value = name.value; 
    hiddenName.style.display = "inline"; 
    name.style.display = "none"; 
}

출처

2013-08-08 14:04:23 ostapische

jquery에서 마스킹을 수행하는 방법은 무엇입니까?

답변

관련 문제