유효성 검사

JSP/유효성 검사

유효성 검사

별초롱언니 2025. 5. 27. 22:56

유효성 검사는 사용자가 폼 페이지에서 입력한 데이터 값이 서버로 전송되기 전에 특정 규칙에 맞게 입력되었는지 검증하는 것을 말한다.

<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<body>
	<form name="loginForm" action="#" method="post" id="login">
		<p> 아 이 디 : <input type="text" name="id" id="txt">
		<p> 비밀번호 : <input type="password" name="passwd" id="pw">
		<p> <input type="button" value="전송" id="btn" >
	</form>
</body>

<script type="text/javascript">
	// 1. 셀렉트
	let btn = document.querySelector("#btn");
	console.log(btn);
	
	// 2. 이벤트 할당
	btn.addEventListener("click", checkForm);
	
	function checkForm() {
		console.log("checkForm입장");
		let id = document.querySelector("#txt").value;
		let pw = document.querySelector("#pw").value;
		alert("아이디 : " + id + "\n" + "비밀번호 : " + pw);
	}
</script>
</html>

기본 유효성 검사

기본 유효성 검사는 사용자가 폼 페이지의 입력 항목에 입력한 데이터 값이 있는지 없는지 확인하고 데이터 길이, 숫자 등 기본적인 것이 맞는지 검사합니다. 이와 같이 폼 페이지의 입력 데이터 길이를 확인하여 데이터의 유무를 검증하는 것은 기본 유효성 검사에 해당합니다.