[javascript]form 하위 태그의 요소 중 필수항목 required 사용하기

input 내의 required 요소는 IE10 이상, 크롬, 파이어폭스 등 대부분의 브라우저에서 지원됩니다.

하지만 미지원 브라우저에서도 사용하기위해 간단한 스크립트를 이용할 수 있습니다.

<form name="thisForm">

<p class="qna_privacy_agree">

<input type="checkbox" id="agree_chk" name="agree_chk" class="agree_ck" required />

<label for="agree_chk" >동의합니다.</label>

</p>

<button type="button" onClick="chk();">확인</button>

</form>

<script>

function chk() {

var f = document.thisForm;

if(f.agree_chk.checked!==true) {

alert("개인정보보호 문서를 읽고 '동의합니다'에 체크해 주세요.');

} else {

alert('통과');

f.submit();

}

}

</script>