<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Insert title here</title>
<script type="text/javascript">
function fn_validate(){
var frmLogin = document.frmLogin;
var user_id = frmLogin.user_id.value;
var user_pw = frmLogin.user_pw.value;
if((user_id.length==0||user_id=="")||(user_pw.length==0||user_pw=="")){
alert("아이디와 비밀번호는 필수 입력사항입니다");
}else{
frmLogin.action="login5";
frmLogin.method="post";
frmLogin.submit();
}
}
</script>
</head>
<body>
<form name="frmLogin" method="get" action="login">
아이디:<input type="text" name="user_id"><br>
비밀번호:<input type="password" name="user_pw"><br>
<input type="button" value="로그인" onClick="fn_validate()">
<input type="reset" value="다시입력">
<input type="hidden" value="서울시 성북구" name="user_address">
</form>
</body>
</html>#
html element(요소)에 event attribute로 함수 호출 가능
ex)<input type="button" value="로그인" onClick="fn_validate()">
#
elemetname.elementname으로 상위요소의 하위요소 지정 가능
ex)var frmLogin = document.frmLogin;
ex)var user_id = frmLogin.user_id.value;
#
elemetname.elementname(user_id 같은거) = xxx 로 user_id에 xxx대입가능
ex)frmLogin.action="login5";
frmLogin.method="post";
#
elemetname.elementname(user_id 같은거).value로 요소 값 불러오기 가능
ex)var user_id = frmLogin.user_id.value;
ex)var user_pw = frmLogin.user_pw.value;
'javascript' 카테고리의 다른 글
| JSON 데이터 보기 쉽게 해주는 크롬 앱 (0) | 2022.06.22 |
|---|