[javascript] a태그로 form 태그 submit 하기

<form id="frm" action ="url">
//대충 form 태그 만들어준다
<li>
	<span class="tit">성명</span>
	<span class="inp"><input type="text" id="name" name="name"></span>
</li>
<li>
	<span class="tit">비밀번호</span>
	<span class="inp"><input type="password" name="password" id="password"></span>
</li>
<li>
	<input type="checkbox" name="agreeBtm" id="agreeBtmY" value="Y">개인정보 수집에 동의합니다.
</li>
</form>

우선 form태그와 input태그를 이용하여 보낼 form태그를 만들어준다.

이때 중요한건 form태그에 id를 지정해주는 것이다.

<a href="#" onclick="return chk_form()" >제출하기</a>

그리고 위처럼 입력해준다.

onclick = "chk_form()"만 입력해주면 함수가 실행되는데 위와같이

return과 함께 써주면 chk_form 함수에서 리턴한 값에 따라 form태그를 보낼 수 있다.

(당연히 true라면 form태그 전송, false라면 form태그가 전송되지 않는다.)

<script>
function chk_form() {
if(document.getElementById("name").value==''){
	alert("성명을 입력해주십시오.");
	return false;
}
if(document.getElementById("password").value==''){
	alert("비밀번호를 입력해주십시오.");
	return false;
}
if ( ! $('input[name=agreeBtm]:checked').val()) {
	alert('개인정보 활용에 동의해주십시오.');
	return false;
}
document.getElementById('frm').submit();
}
</script>

성명과 비밀번호를 입력하지 않거나 개인정보 활용에 동의하지 않을 경우 false를 리턴한다.

아닐경우 ture를 리턴해줘서 frm이라는 id를 가진 form태그를 해당 url로 전송해준다.