자바스크립트가 작동하지 않을 때에도 폼 서밋이 정상적으로

자바스크립트가 작동하지 않을 때에도 폼 서밋이 정상적으로 이루어지는 폼 체크 구현 방법

폼의 값을 체크하는 스크립트의 경우 많은 경우에 스크립트 만으로 폼을 서밋하는 방식을 이용하는 경우가 많은데 자바스크립트가 작동하지 않을 때에도 폼을 이용할 수 있게 제작을 하고 서밋이 발생했을 때 onsubmit 이벤트 핸드러를 이용하여 기능을 해치지 않고 폼을 이용할 수 있게 제작 하여야 한다.

<script type="text/javascript">
function submitForm(formEl) {
//TrimAll(formEl);

var errorMessage = null;
var objFocus = null;

if (formEl.loginId.value.length == 0) {
errorMessage = "아이디를 넣어주세요.";
objFocus = formEl.loginId;
} else if (formEl.loginPassword.value.length == 0) {
errorMessage = "비밀번호를 넣어주세요.";
objFocus = formEl.loginPassword;
}

if(errorMessage != null) {
alert(errorMessage);
objFocus.focus();
return false;
}
return true;
}
</script>

<form id="loginForm" name="loginForm" action="" onsubmit="return submitForm(this)">
<label for="loginId">아이디</label> <input type="text" id="loginId" name="loginId" />
<label for="loginPassword">비밀번호</label> <input type="password" id="loginPassword" name="loginPassword" /><br />
<input type="image" src="login.gif" alt="Login" />
</form>

정보통신 접근성 향항 표준화 포럼 접근성 예제 중에서

(http://www.iabf.or.kr/Guide/Example.asp)