폼 유효성 검사2(submit&button 비교)
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script language="javascript" type="text/javascript">
function CheckForm() {
var uid = document.getElementById("txtUserID");
if(uid.value.length<3 || uid.value.length >12){
alert("아이디를 3자 이상 12자 이하로 입력하세요");
uid.focus();
uid.select();
return false;
}else{
return true; //현재 다음 이벤트 실행:submit
}
}
</script>
</head>
<body>
<!-- 확인버튼 눌렀을 때 아이디가 3자 이상 12자 이상인지 검사 -->
<form id="MyForm" action="test.html" method="post" onsubmit="return CheckForm();">
아이디 : <input type="text" id="txtUserID" name="txtUserID"/>
<input type="submit" value="확인" />
</form>
</body>
</html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Insert title here</title>
<script language="javascript" type="text/javascript">
function CheckForm(){
var txt=document.getElementById("txt");
if(txt.value == ""){
alert("아이디를 입력하시오.");
txt.focus();
}else{
document.MyForm.action = "test.html";
document.MyForm.submit();
}
}
</script>
</head>
<body>
<form name="MyForm">
아이디 : <input type="text" name="txt" id="txt"/>
<input type="button" value="확인" onclick="CheckForm();"/>
</form>
</body>
</html>
'Programming > Javascript' 카테고리의 다른 글
| onload이벤트 (0) | 2013.01.01 |
|---|---|
| 이벤트 정리 (0) | 2013.01.01 |
| 폼 유효성 검사(아이디, 비밀번호) (0) | 2013.01.01 |
| history 객체 메서드&속성 (0) | 2013.01.01 |
| location 객체 속성&메서드 (0) | 2012.12.30 |
