프론트엔드/JavaScript

[JavaScript] Validation Check

an_apricot__ 2021. 5. 21. 22:52

  유효성 검사를 위한 formCheck() 함수 기본 로직

<body>
	<input type="text" name="id" id="id">
	<input type="text" name="pass" id="pass">
	<button type="button" onclick="formCheck()">로그인</button>

	<script>
		function formCheck() {
			var id = document.getElementById("id");
			var pass = document.getElementById("pass");

			if (id.value == "") {
				alert("아이디를 입력하세요.");
				id.focus();
				return false;
			} else if (pass.value == "") {
				alert("비밀번호를 입력하세요.");
				pass.focus();
				return false;
			} else {
				alert("입력완료~~");
			}
		}
	</script>
</body>