form submit시 빈 input이 있으면 alert말고 class의 내용을 보여주는 질문
본문
안녕하세요.
<div class="wrap_input">
<div>
<input type="text" name="writer_name" value="" class="AB-text" id="it_name" />
<label for="it_name">이름</label><input type="hidden" name="subject" value="임플란트최적가견적내기" />
</div>
<div class="it_02">
<input type="text" name="phone_2" value="" class="AB-text" id="it_phone" />
<label for="it_phone">전화번호</label>
</div>
</div>
<div style="margin-right:30px; text-align:center;">
<p class="caution ca_01">이름을 입력해주세요(필수)</p>
<p class="caution ca_02">전화번호를 입력해주세요(필수)</p>
</div>
위와 같은 폼에서 submit시 이름과 전화번호에 내용이 없을때 alert이 아닌
아래 ca_01과 ca_02가 hide, show 되도록 어떻게 해야되나요?
답변 2
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;
}
}
그외 나머지는 응용이군요
빈값 있을때 스크립트를 수정해 주셔야 합니다. 폼체크 부분을 alert 부분을 제거해 주시고
그 위치에 $('#cation').text('내용'); 이런 부분이 표기 되도록 추가 해주시고 그 부분을 hide(); show(); 부분으로 반영될수 있도록 div 값에 id도 추가해 주셔야 합니다.
답변을 작성하시기 전에 로그인 해주세요.