<html>
<head>
</head>
<body>
<h2>실습1</h2>
<xmp>
이력체크.
ID : [] =>6자리~12자리까지
패스워드 : []
패스워드확인 : [] 위두개 입력된 값이 일치
이름 : []
나이 : [] -> 20~39까지만
[전송][취소]
</xmp>
<script type="text/jscript">
function idCheck(f)
{
var fx = eval(f.form.txtId);
if(fx.value.length<6 || fx.value.length>12)
{
alert("아이디는 6자리나 12자리이어야 합니다.");
fx.focus();
}
}
function pwdCheck(f)
{
var fx1 = eval(f.form.pwd1);
var fx2 = eval(f.form.pwd2);
if(fx1.value != fx2.value)
{
alert("패스워드와 패스워드 확인 값이 일치하지 않습니다.");
//fx2.focus(); //포커서 주면 위와 같을때까지 무한루프~~~
}
}
function ageCheck(f)
{
var fx = eval(f.form.txtAge);
if(fx.value.length < 1)
{
alert("나이를 넣어주세요.");
fx.focus();
}
else if(isNaN(fx.value))
{
alert("숫자를 넣어주세요.");
fx.focus();
}
else if(fx.value>39 || fx.value<20)
{
alert("가입대상 연령이 아닙니다.");
}
}
function lastCheck()
{
var f = eval(document.infoedit);
var fx1 = eval(f.pwd1);
var fx2 = eval(f.pwd2);
if(fx1.value != fx2.value)
{
alert("패스워드와 패스워드 확인 값이 일치하지 않습니다.");
fx2.focus();
return false;
}
}
</script>
<form name="infoedit" action="#" onSubmit="return lastCheck();">
ID : <input type="text" name="txtId" size="24" onBlur="idCheck(this);"><br>
패스워드 : <input type="password" name="pwd1"><br>
패스워드 확인 : <input type="password" name="pwd2" onFocus="this.select();" onBlur="pwdCheck(this);"><br>
이름 : <input type="text" name="txtName"><br>
나이 : <input type="text" name="txtAge" onBlur="ageCheck(this);"> 가입대상연령 : 20~39<br>
<input type="submit" value="전송">
<input type="reset" value="취소">
</form>
<br>
<h2>실습2</h2>
계산기~~ 이쥐여.<br>
[][연산자선택(+,-,*,/) 체크박스][][= 이벤트][]<br>
<form name="counter">
<input type="text" name="txtNum1">
<select name="selHow">
<option value="0">선택</a>
</select>
<input type="text" id="txtNum2">
<input type="button" value="=" onClick="calcz(this);">
<input type="text" name="txtResult">
</form>
<script type="text/jscript">
var fa = eval(document.counter);
fa.selHow.options.add(new Option("+","1"));
fa.selHow.options.add(new Option("-","2"));
fa.selHow.options.add(new Option("*","3"));
fa.selHow.options.add(new Option("/","4"));
function calcz(f)
{
var fx1 = eval(f.form.txtNum1);
var fx2 = eval(f.form.txtNum2);
var fxx = eval(f.form.txtResult);
var fxa = eval(f.form.selHow);
if(fx1.value.length<1 || isNaN(fx1.value))
{
alert("숫자를 넣어주세요");
fx1.focus();
}
else if(fx2.value.length<1 || isNaN(fx2.value))
{
alert("숫자를 넣어주세요");
fx2.focus();
}
else
{
switch(fxa.options.selectedIndex)
{
case 1:
fxx.value = eval(fx1.value)+eval(fx2.value);
break;
case 2:
fxx.value = eval(fx1.value)-eval(fx2.value);
break;
case 3:
fxx.value = eval(fx1.value)*eval(fx2.value);
break;
case 4:
fxx.value = eval(fx1.value)/eval(fx2.value);
break;
default:
alert("연산자를 선택해 주세요");
fxa.focus();
break;
}
}
}
</script>
</body>
</html>
