방법 - 빈 필드에 대한 JS 유효성 검사
JavaScript를 사용하여 빈 입력 필드에 대한 양식 유효성 검사를 추가하는 방법을 알아봅니다.
빈 입력에 대한 양식 유효성 검사
1단계) HTML 추가:
예시
<form name="myForm" action="/action_page.php" onsubmit="return validateForm()"
method="post" required>
Name: <input type="text" name="fname">
<input type="submit" value="Submit">
</form>
2단계) 자바스크립트 추가:
입력 필드(fname)가 비어 있으면 이 함수는 메시지를 경고하고 false를 반환하여 양식이 제출되지 않도록 합니다.
예시
function validateForm() {
var x =
document.forms["myForm"]["fname"].value;
if (x == "") {
alert("Name must be filled out");
return false;
}
}