반응형
⬇️ 회원가입 폼 조건
더보기
id
pwd
pwd확인
이메일
가입버튼 누르면
id는 6글자 이상 필수사항 (유효성 체크)
pwd 5글자 이상 pwd 확인과 일치, 필수사항
내가 만든 코드
if로 조건을 설정했다. 조건에 만족할 경우에만 html 변수에 받았고, 아닐 경우에는 return 으로 돌려줬다.
정답을 보고 한번 수정해 본 코드고, 실제로 만들었을 때 return 을 넣지 않아 조금 헤맸다.
사실 처음에 글자 제한 .. 알림... 뭐 그런 코드 썼던건 안비밀 ㅠ
if 로 pwd와 pwd확인을 비교하는 것까지는 생각했지만,
다른 조건들도 if 에 넣어줄 생각을 못함.
return : 현재 메서드 종료. 잊지말기.
강사님이 해준것과 비교하면 좀 지저분...
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script>
function a(){
let html = "";
if (f.id.value.length >6){
html += "id: " + f.id.value + "\n";
} else {
alert ("id는 6글자 이상이어야 합니다")
return;
}
if (f.pwd.value != f.pwdcheck.value){
alert ("pwd가 일치하지 않습니다")
} else {
if (f.pwd.value.length > 5){
html += "pwd: " + f.pwd.value + "\n";
} else {
alert ("pwd 는 5글자 이상이어야 합니다")
return;
}
}
f.submit();
alert(html);
}
</script>
</head>
<body>
<form name = "f">
<div id = "join">
<h1>회원가입 폼</h1>
id : <b>6글자 이상 작성</b> <input type = "text" name = "id" > <br/>
pwd : <b>5글자 이상 작성</b> <input type = "password" name = "pwd" ><br/>
pwd 확인: <input type = "password" name = "pwdcheck"><br/>
email : <input type = "text" name = "email"><br/>
<input type = "button" value = "가입" onclick = "a()">
</div>
</form>
</body>
</html>
반응형
