인풋 maxlengh 가 먹히지 않아 문의드립니다. 채택완료
달려날아
5년 전
조회 1,986
게시판에서 버튼을 눌러 인풋을 입력하는 폼을 만들고 있습니다.
인풋에 maxlengh 를 4자리로 설정했는데도 끝없이 입력되어서 최대 4자리만 입력되게 하고 싶습니다.
조언 부탁드립니다.
그리고 readonly 로 했더니 required 가 적용이 되지 않아서, 선택 안되게 하고 싶은데 어떤 방법이 있을까요.
</p>
<p><table style="text-align: center;
margin-left: auto;
margin-right: auto;">
<input type="tel" readonly="readonly" maxlength="4" min="4" id="exp" name="wr_3" value="<?php echo $wr_3 ?>" size="20" placeholder="전화번호 마지막 4자리" style="font-family: 'Exo 2', sans-serif; font-size: 50px; text-align: center;" required ></br></br>
<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> </p>
<p><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></p>
<p> </p>
<p><script LANGUAGE="JavaScript"></p>
<p>function enter_exp(p,str){
if(str==" ← ") p.value = p.value.substring(0, p.value.length-3);
else p.value+=str;
}
function clear_exp(p){
p.value=""
}</p>
<p></script></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
5년 전
maxlength 가 있는 input 은 별도 스크립트에서 글자수를 관리하고 있는건 아닌지 생각됩니다.
해당 페이지에 별도로 테스트 input 을 새로 만드셔서 maxlength 를 테스트 해보세요.
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인
required 는 readonly를 타입으로 줘버리니 적용이 되고 있습니다.
답변 감사합니다.