Πώς να ελέγξετε κενά πεδία χρησιμοποιώντας JS

Μάθετε πώς να προσθέσετε έλεγχο φόρμας για κενά πεδία εισαγωγής χρησιμοποιώντας JavaScript.

Έλεγχος φόρμας κενής εισαγωγής

Πρώτο Βήμα - Προσθήκη 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;
  }
}

Δοκιμάστε το προσωπικά