JS로 비어 있는 필드 검증 방법

비어 있는 입력 필드의 양식 검증

첫 번째 단계 - HTML 추가:

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post" required>
  이름: <input type="text" name="fname">
  <input type="submit" value="제출">
</form>

두 번째 단계 - JavaScript 추가:

입력 필드 (fname)가 비어 있으면, 이 함수는 경고 메시지를 발생시키고 false를 반환하여 양식이 제출되지 않도록 합니다:

function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("이름을 입력해야 합니다.");
    return false;
  }
}

직접 시도해 보세요