input 빈칸시 경고창띄우기

<h2>JavaScript Validation :  요소 검사하여 경고창 띄우기</h2>

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post">

  Name: <input type="text" name="fname">

  <input type="submit" value="Submit">

</form>

<script>

function validateForm() {

    let x = document.forms["myForm"]["fname"].value;

    if (x == "") {

      alert("Name must be filled out");

      return false;

    }

  }

  </script>

 

빈칸인채로 Submit을 누르면 경고창이 나온다...

회원가입등에 주요 기능중 하나