form submit시 빈 input이 있으면 alert말고 class의 내용을 보여주는 질문 채택완료
kujira
6년 전
조회 2,191
안녕하세요.
</p>
<p><div class="wrap_input"></p>
<p> <div></p>
<p> <input type="text" name="writer_name" value="" class="AB-text" id="it_name" /></p>
<p> <label for="it_name">이름</label><input type="hidden" name="subject" value="임플란트최적가견적내기" /></p>
<p> </div></p>
<p> <div class="it_02"></p>
<p> <input type="text" name="phone_2" value="" class="AB-text" id="it_phone" /></p>
<p> <label for="it_phone">전화번호</label></p>
<p> </div></p>
<p></div></p>
<p><div style="margin-right:30px; text-align:center;"></p>
<p> <p class="caution ca_01">이름을 입력해주세요(필수)</p></p>
<p> <p class="caution ca_02">전화번호를 입력해주세요(필수)</p></p>
<p></div></p>
<p>
위와 같은 폼에서 submit시 이름과 전화번호에 내용이 없을때 alert이 아닌
아래 ca_01과 ca_02가 hide, show 되도록 어떻게 해야되나요?
댓글을 작성하려면 로그인이 필요합니다.
답변 2개
채택된 답변
+20 포인트
6년 전
function f_submit(f) {
if(!f.writer_name.value || f.writer_name.value =='' ) {
//alert('경고창내용'); <!-- 보통의 경우 경고창. 이부분을 주석처리하고
$('.ca_01').show();
$('.ca_02').hide();
return false;
}
if(!f.phone_2.value || f.phone_2.value =='' ) {
//alert('경고창내용'); <!-- 보통의 경우 경고창. 이부분을 주석처리하고
$('.ca_02').show();
$('.ca_01').hide();
return false;
}
}
그외 나머지는 응용이군요
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인