input 글자수 제한 alert 채택완료
<div style="float:left; padding-top:10px; margin-right:10px;"><span style="font-size:25px;">전화번호</span></div>
<input type="text" name="etc_3" id="tel1" class="input_text_tel only_number" placeholder="'-' 없이 입력" maxlength="11" minlength="11" required style="width:140px;" >
이렇게 form 안에 되어있습니다.
maxlength는 되는데 minlength는 먹질않더라구요.
11자를 초과할 때 alert가 뜨는건 적용했는데
11자 미만일때 뜨게 하려니 매 글자를 칠 때마다 경고창이 뜨네요..
전송을 눌렀을 때,
11자 초과일 땐 <form action="/good.php"> 로 넘어가고
11자 미만일 땐 값이 넘어가지 않고 alert가 뜨고
확인을 누르면 원래 머물던 페이지에 머물게 하고 싶습니다.
어떻게 설정해야할까요 ㅠㅠㅠ
답변 4개
답변에 대한 댓글 3개
<input type="submit" value="전송" onclick='check();'>
javascript check 함수를 만들고
해당 내용을 확인하고 이상이 없을때만
form.action="전송주소"; 로 넘기면 되죠
댓글을 작성하려면 로그인이 필요합니다.
</p>
<p>$('.DOC_TEXT').keyup(function (e){
var content = $(this).val();
$('#counter').html("("+content.length+" / 최대 200자)"); //글자수 실시간 카운팅
if (content.length > 200){
alert("최대 200자까지 입력 가능합니다.");
$(this).val(content.substring(0, 200));
$('#counter').html("(200 / 최대 200자)");
}
});</p>
<p>
위 스크립트에서
if (content.length > 200){
[글자가 200자 보다 이상일경우] 조건문이 있습니다.
min 의 경우
if (content.length < 100 ){
이런식으로 처리하게 됩니다.
200자 보다 클경우
100자 보다 작을경우
이런식의 기초 조건문이 이해 되지 않으실 정도면
정말 자바스크립트 책 한권 구입하셔서 읽어보시길 추천해드립니다.
답변에 대한 댓글 1개
예를들어 if(content.length < 100 ) 로 지정할경우
글자를 하나 입력할 때마다 alert가 뜨더라구요..
알려주신 방식으로 해봤었는데 제가 구글링 했을때랑 같은 현상이 있었어서,
그걸 말씀드린다는게 설명이 많이 부족해서 제가 아예 안해본 것 처럼 되버렸네요 ㅠㅠ
답변 너무 감사드립니다. 애드프로님께서 알려주신 것도 너무 유용하지만,
채택이 한분뿐이라 ㅠㅠ 값을 넘기지 않는 방법을 알려주신분으로 채택하게 되었습니다.
말씀대로 책 한권 제대로 읽어봐야겠네요..! :)
댓글을 작성하려면 로그인이 필요합니다.
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
</p>
<p><textarea style="width:600px;" class="DOC_TEXT" name="DOC_TEXT" placeholder="선택하신 서류사항 항목에 대한 내용을 200자 이내로 기재해주세요.">
</textarea>
<span style="color:#aaa;" id="counter">(0 / 최대 200자)</span></p>
<p>//서류사항 textarea 체크
$('.DOC_TEXT').keyup(function (e){
var content = $(this).val();
$('#counter').html("("+content.length+" / 최대 200자)"); //글자수 실시간 카운팅</p>
<p> if (content.length > 200){
alert("최대 200자까지 입력 가능합니다.");
$(this).val(content.substring(0, 200));
$('#counter').html("(200 / 최대 200자)");
}
});</p>
<p>
이런식으로 실시간 카운트 하고 특정 카운트 도달시 alert 띄우시는걸로 하시면 될것 같습니다.
답변에 대한 댓글 1개
이 방법으로 그것도 가능한걸까요? 저는 안되는거같아서요 ㅠㅠ
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인