formTest_1.html
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>폼 예제 1</title>
<script type="text/javascript" src="js/formCheck.js">
</script>
</head>
<body>
아래의 폼을 완성하시렵니까
<br>
<br>
<form name="frm" method="post" action="something.jsp"
onSubmit="return checkFields()">
이름 <input type="text" name="name" size="30"><br> <br>
전화번호 <input type="text" name="tel" size="30" onblur="JavaScript:checkTel( )"><br> <br>
이메일 <input type="text" name="email" size="50"
onblur="JavaScript:checkEmail( )"><br> <br> 성별 <input
type="radio" name="gender" value="남정네" checked> 남정네 <input
type="radio" name="gender" value="여인네"> 여인네 <br> <br>
<input type="submit" value="눌려봐">
</form>
</body>
</html>
formCheck.js
function checkFields() {
var frmObj = document.frm;
if (frmObj.name.value == '') {
alert("이름은 필수사항이다");
frm
return ;
}
if (frmObj.tel.value == '') {
alert("전화번호는 생명이다");
return;
}
if (frmObj.email.value == '') {
alert("이메일은 바보다");
return;
}
if(document.frm.gender[0].checked){
alert(document.frm.gender[0].value + "입니다.");
}else if(document.frm.gender[1].checked){
alert(document.frm.gender[1].value + "입니다.");
}
frmObj.submit();
return true;
}
function checkEmail() {
var email = document.frm.email.value;
var str = /^[a-z A-Z 0-9\-_]+@[a-z A-Z 0-9\-]+(\.[a-z A-Z 0-9 \-]+)+$/;
var result = str.test(email);
if (!result) {
alert("이메일 형식이 잘못되었다.");
email.focus();
email.select();
}
}
function checkTel() {
var tel = document.frm.tel.value;
var str = /(010|011|016|019)-\d{3,4}-\d{4}/;
var result = str.test(tel);
if (!result) {
alert("전화번호 형식이 잘못되었다.");
email.focus();
email.select();
}
}
'it > JavaScript' 카테고리의 다른 글
| up and down (0) | 2014.08.19 |
|---|---|
| 여행 (0) | 2014.08.19 |
| 전화번호 정규화 (0) | 2014.08.19 |
| 함수로 읽어와 값 설정 (0) | 2014.08.19 |
| 자바스크립트 이메일 정규화 (0) | 2014.08.19 |
