-먼저 form 태그 안에 onsubmit="return check()" 를 적는다. 이것은 입력을 클릭시 check()라는 스크립트가 실행되도록 하는 것이다.
-다음은 check()라는 스크립트 함수에 쓰이는 팁이다.
function check() {
if(form.id.value=="") { <==id라는 변수에 값이 있는지 체크
alert("ID를 입력하세요."); <==메세지 출력
form.id.focus(); <==값이 없으면 그 폼에 커서를 위치시킨다.
return false; <==false를 리턴해서 폼을 실행시키지 않는다.
} else if(form.id.value.length<4 || form.id.value.length>32) { <==변수의 길이를 체크
alert("ID는 4자리보다 크고 32자리보다 작아야 합니다.");
form.id.focus;
return false;
} else if(form.password.value.search(/([^A-Za-z0-9]+)/)!=-1) { <==영숫자만 가능토록
alert('비밀번호는 영숫자만 가능합니다.');
form.password.focus();
return false;
} else if(form.pwd.value!=form.chkpwd.value) { <==두 변수값이 같은지 체크
alert("비밀번호가 같지 않습니다.");
form.chkpwd.focus();
return false;
} else if(!CheckMail(form.email.value)) { <==함수안에 또 다른 함수를 사용함.
alert("이메일 형식이 틀립니다."); <==이메일 체크함수는 true 또는 false를 반환해야함.
form.email.focus();
return false;
} else if(!form.sex[0].checked&&!form.sex[1].checked) { <==radio폼일 경우 배열변수로 체크
alert("성별을 선택하세요.");
form.sex[0].focus();
return false;
} else if(form.birthtype.option[form.birthtype.selectedindex].value=="") { <==select폼일 경우
alert("양/음력을 선택하세요.");
form.birthtype.focus();
return false;
} else if(isNaN(form.tel2.value)) { <==isNaN는 문자인지 숫자인지 구별하는 함수
alert("숫자만 가능합니다.");
form.tel2.focus();
return false;
} else {
return true; <==위의 모든 조건이 통과되면 true를 반환해서 폼을 실행시킴
}
} //end of function
function CheckMail(strMail) {
/**체크사항
- @가 2개이상일 경우
- .이 붙어서 나오는 경우
- @. 나 .@이 존재하는 경우
- 맨처음이 .인경우
- @이전에 하나이상의 문자가 있어야 함
- @가 하나 있어야 함
- Domain명에 .이 하나 이상 있어야 함
- Domain명의 마지막 문자는 영문자 2~4개 이어야 함 **/
var check1 = /(@.*@)|(\.\.)|(@\.)|(\.@)|(^\.)/;
var check2 = /^[a-zA-Z0-9\-\.\_]+\@[a-zA-Z0-9\-\.]+\.([a-zA-Z]{2,4})$/;
추천 : 