form submit시 빈 input이 있으면 alert말고 class의 내용을 보여주는 질문

form submit시 빈 input이 있으면 alert말고 class의 내용을 보여주는 질문

QA

form submit시 빈 input이 있으면 alert말고 class의 내용을 보여주는 질문

답변 2

본문

안녕하세요.


<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도 추가해 주셔야 합니다.

답변을 작성하시기 전에 로그인 해주세요.
QA 내용 검색
질문등록
전체 29
© SIRSOFT
현재 페이지 제일 처음으로