회원가입이나 로그인같은 form을 만들때 대부분은 버튼의 onclick함수를 이용한다.
제일 쉽고 제일 간편한 방법이어서 그렇기도 하다.
하지만 만약 버튼 클릭과 동시에 값을 검사해야하는 자바함수를 거쳐야 한다면, onclick이 더 힘든 방법일수도 있다.
물론 자바스크립트 안에서 자체적으로 알고리즘을 끝낸 뒤 값을 서버로 전송하는 페이지로 이동하는 방법도 있겠지만, 밑의 손쉬운 방법을 참고한다면 form태그에 몇글자를 적어넣는것만으로 일이 간편해질수도 있다.
<form name="form" action="./test.jsp" onsubmit="return check()">
<input type="text" name="id">
<input type="text" name="password">
<input type="submit">
위의 코드를 보면 폼태그에 onsubmit이라는 이름의 함수를 볼 수 있다. 이 함수는 밑에 써져있는 자바스크립트에서의 함수가 return값을 반환할 때 true일 경우에만 action을 취한다.
<script>
function check() {
if(form.id.value == "") {
alert("공백입니다.");
return false;
}
else return true;
}
</script>
