본문 바로가기

IT/jQuery

[jQuery] radio 유효성 검사

<script type="text/javascript" src="/js/jquery-1.7.1.min.js" ></script>



<script language="javascript">

$(document).ready(function() {



if($(':radio[name="tosms"]:checked').length < 1){

alert("SMS 수신여부를 선택해주세요.");

return false;

}


if($(':radio[name="mailing"]:checked').length < 1){

alert("이메일 수신여부를 선택해주세요. (비밀번호 분실시 사용!)");

return false;

}



});

</script>




----------------------------------------------------------------------




<tr>

<th>SMS 수신여부 <span>*</span></th>

<td colspan="3"><input type="radio" name="tosms" id="tosms" value="Y" class="none" /> <label for="sms_yes"><span>예</span></label> <input type="radio" name="tosms" id="tosms" value="N" class="none" /> <label for="sms_no"><span>아니요</span></label>

<p class="ex">이벤트와 쇼핑에 대한 정보를 SMS로 받아보시겠습니까? (수신거부와 상관없이 주요정책관련 메세지는 발송됩니다.)</p></td>

</tr>

<tr>

<th>이메일 수신여부 <span>*</span></th>

<td colspan="3"><input type="radio" name="mailing" id="mailing" value="Y" class="none" /> <label for="email_yes"><span>예</span></label> <input type="radio" name="mailing" id="mailing" value="N" class="none" /> <label for="email_no"><span>아니요</span></label>

<p class="ex">이벤트와 쇼핑에 대한 정보를 SMS로 받아보시겠습니까? (수신거부와 상관없이 주요정책관련 메세지는 발송됩니다.)</p></td>

</tr>