인풋 버튼 값을 버튼을 이용하여 입력시 글자수 제한
본문
<div style="font-family: 'Exo 2', sans-serif; text-align:center;">
<table style="text-align: center;
margin-left: auto;
margin-right: auto;">
<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>
<span class="error" id="errMsg_02"></span>
<tr>
<td><input type="button" onfocus="this.blur()" value="1" onClick="enter_exp(document.fwrite.exp,'1')" class="ddd btn-4" readonly="readonly"></td>
<td><input type="button" onfocus="this.blur()" value="2" onClick="enter_exp(document.fwrite.exp,'2')" class="ddd btn-4" readonly="readonly"></td>
<td><input type="button" onfocus="this.blur()" value="3" onClick="enter_exp(document.fwrite.exp,'3')" class="ddd btn-4" readonly="readonly"></td>
<td><input type="button" onfocus="this.blur()" value="←" onClick="enter_exp(document.fwrite.exp,'←')" class="ddd btn-4" readonly="readonly"></td>
</tr>
<tr>
<td><input type="button" onfocus="this.blur()" value="4" onClick="enter_exp(document.fwrite.exp,'4')" class="ddd btn-4" readonly="readonly"></td>
<td><input type="button" onfocus="this.blur()" value="5" onClick="enter_exp(document.fwrite.exp,'5')" class="ddd btn-4" readonly="readonly"></td>
<td><input type="button" onfocus="this.blur()" value="6" onClick="enter_exp(document.fwrite.exp,'6')" class="ddd btn-4" readonly="readonly"></td>
<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>
</tr>
<tr>
<td><input type="button" onfocus="this.blur()" value="7" onClick="enter_exp(document.fwrite.exp,'7')" class="ddd btn-4" readonly="readonly"></td>
<td><input type="button" onfocus="this.blur()" value="8" onClick="enter_exp(document.fwrite.exp,'8')" class="ddd btn-4" readonly="readonly"></td>
<td><input type="button" onfocus="this.blur()" value="9" onClick="enter_exp(document.fwrite.exp,'9')" class="ddd btn-4" readonly="readonly"></td>
</tr>
<tr>
<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>
</tr>
</table>
</div>
<script LANGUAGE="JavaScript">
$('#exp').bind('keyup',function(e){
if($('#exp').val().length>4){
alert(' 4자리 이내로 입력 가능합니다.');
$('#exp').val($('#exp').val().substr(0,4));}
});
function enter_exp(p,str){
if(str=="←") p.value = p.value.substring(0, p.value.length-1);
else p.value+=str; }
function clear_exp(p){
p.value=""
}
</script>
핸드폰 뒷자리 4자리를 버튼으로 입력을 받으려고 하는데
4자리 이후에도 계속 버튼이 눌려져서 이거 해결하는 소스나 방법을 알고 싶습니다.
검색을 엄청 해도 인풋 타입 넘버에 관한 제한 같은 것만 나와서 도움 요청드립니다.
답변을 작성하시기 전에 로그인 해주세요.
