테스트 사이트 - 개발 중인 베타 버전입니다

인풋 버튼 값을 버튼을 이용하여 입력시 글자수 제한 채택완료

달려날아 4년 전 조회 1,793

</p>

<p><div style="font-family: 'Exo 2', sans-serif; text-align:center;"></p>

<p><table style="text-align: center;</p>

<p>    margin-left: auto;</p>

<p>    margin-right: auto;"></p>

<p> <input type="text" readonly id="exp" maxlength="4" oninput="maxLengthCheck(this)" name="wr_3" value="<?php echo $wr_3 ?>" placeholder="전화번호 마지막 4자리" style="letter-spacing: 10px; font-family: 'Exo 2', sans-serif; font-size: 40px; text-align: center;" required ></br></br></p>

<p> <span class="error" id="errMsg_02"></span></p>

<p><tr></p>

<p>   <td><input type="button" onfocus="this.blur()" value="1" onClick="enter_exp(document.fwrite.exp,'1')" class="ddd btn-4" readonly="readonly"></td></p>

<p>   <td><input type="button" onfocus="this.blur()" value="2" onClick="enter_exp(document.fwrite.exp,'2')" class="ddd btn-4" readonly="readonly"></td></p>

<p>   <td><input type="button" onfocus="this.blur()" value="3" onClick="enter_exp(document.fwrite.exp,'3')" class="ddd btn-4" readonly="readonly"></td></p>

<p>   <td><input type="button" onfocus="this.blur()" value="←" onClick="enter_exp(document.fwrite.exp,'←')" class="ddd btn-4" readonly="readonly"></td></p>

<p></tr> </p>

<p> </p>

<p><tr></p>

<p>    <td><input type="button" onfocus="this.blur()" value="4" onClick="enter_exp(document.fwrite.exp,'4')" class="ddd btn-4" readonly="readonly"></td></p>

<p>    <td><input type="button" onfocus="this.blur()" value="5" onClick="enter_exp(document.fwrite.exp,'5')" class="ddd btn-4" readonly="readonly"></td></p>

<p>    <td><input type="button" onfocus="this.blur()" value="6" onClick="enter_exp(document.fwrite.exp,'6')" class="ddd btn-4" readonly="readonly"></td></p>

<p>  <td rowspan="3"><input type = "button" onfocus="this.blur()" value= "C" onClick="clear_exp(document.fwrite.exp)" class="btn-4"  style="width:70px; height: 216px; font-size: 30px;"></td></p>

<p></tr></p>

<p><tr></p>

<p>    <td><input type="button" onfocus="this.blur()" value="7" onClick="enter_exp(document.fwrite.exp,'7')" class="ddd btn-4" readonly="readonly"></td></p>

<p>    <td><input type="button" onfocus="this.blur()" value="8" onClick="enter_exp(document.fwrite.exp,'8')" class="ddd btn-4" readonly="readonly"></td></p>

<p>    <td><input type="button" onfocus="this.blur()" value="9" onClick="enter_exp(document.fwrite.exp,'9')" class="ddd btn-4" readonly="readonly"></td></p>

<p></tr></p>

<p> </p>

<p><tr></p>

<p>  <td colspan="3"><input type="button" onfocus="this.blur()" value="0" onClick="enter_exp(document.fwrite.exp,'0')" class="btn-4"  style=" width:216px;   height: 70px; font-size: 30px;" readonly="readonly"></td></p>

<p></tr></p>

<p></table></p>

<p></div></p>

<p> </p>

<p><script LANGUAGE="JavaScript"></p>

<p> </p>

<p>  $('#exp').bind('keyup',function(e){</p>

<p>if($('#exp').val().length>4){</p>

<p>  alert(' 4자리 이내로 입력 가능합니다.');</p>

<p>  $('#exp').val($('#exp').val().substr(0,4));}</p>

<p>});</p>

<p> </p>

<p>function enter_exp(p,str){</p>

<p>if(str=="←") p.value = p.value.substring(0, p.value.length-1);</p>

<p>else p.value+=str; }</p>

<p> </p>

<p>function clear_exp(p){</p>

<p>p.value=""</p>

<p>}</p>

<p></script></p>

<p>

 

핸드폰 뒷자리 4자리를 버튼으로 입력을 받으려고 하는데

4자리 이후에도 계속 버튼이 눌려져서 이거 해결하는 소스나 방법을 알고 싶습니다.

검색을 엄청 해도 인풋 타입 넘버에 관한 제한 같은 것만 나와서 도움 요청드립니다.

댓글을 작성하려면 로그인이 필요합니다.

답변 1개

채택된 답변
+20 포인트

http://tcpschool.com/html-tag-attrs/input-maxlength">http://tcpschool.com/html-tag-attrs/input-maxlength

 

maxlength = "4"

 

를 input 에 추가해주시면 될거 같습니다.

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.

로그인