<div class="black-bg">
<div class="white-bg">
<h4>로그인하세요</h4>
<form action="success.html">
<div class="my-3">
<input type="text" class="form-control" id="text_id" />
</div>
<div class="my-3">
<input type="password" class="form-control" id="pw_id" />
</div>
<button type="submit" class="btn btn-primary" id="sub_id">
전송
</button>
<button type="button" class="btn btn-danger" id="close">닫기</button>
</form>
</div>
</div>
<script>
// 전송 버튼 눌렀을 때 inputText가 공백이면 경고창을 띄우셈
document.getElementById("sub_id").addEventListener("click", function (e) {
if (document.getElementById("text_id").value == "") {
alert("아이디를 입력하세요");
e.preventDefault();
} else if (
/\S+@\S+\.\S+/.test(document.getElementById("text_id").value)
) {
alert("이메일 형식으로 작성하세여");
e.preventDefault();
} else if (document.getElementById("pw_id").value == "") {
alert("비번을 입력하세요");
e.preventDefault();
} else if (document.getElementById("pw_id").value.length < 6) {
alert("비번을 6자리 이상 입력하세요");
e.preventDefault();
} else if (/[A-Z]/document.getElementById('pw_id').value == false) {
alert('대문자 없음요');
e.preventDefault();
}
});
</script>
아이디가 공백일 때 전송을 눌러도 폼 액션이 넘어갑니다..
마지막 else if 대문자 코드를 지우면 아이디가 이메일 형식이 아니라는 alert창이 안뜹니다...선생님..
제가 진짜 초보라 쉽게 설명 부탁드리겠습니다...
