چگونه از فیلدهای خالی با استفاده از JS تأیید کنیم

تأیید فرم ورودی خالی

مرحله اول - اضافه کردن HTML:

<form name="myForm" action="/action_page.php" onsubmit="return validateForm()" method="post" required>
  نام: <input type="text" name="fname">
  <input type="submit" value="Submit">
</form>

مرحله دوم - اضافه کردن JavaScript:

اگر فیلد ورودی (fname) خالی باشد، این تابع پیام هشدار می‌دهد و false برمی‌گرداند تا از ارسال فرم جلوگیری شود:

function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("نام باید پر شود");
    false را بازگردانید;
  }
}

به طور مستقیم امتحان کنید