Sådan bruger man JS til at validere tomme felter

Lær hvordan man bruger JavaScript til at tilføje formularvalidering til tomme inputfelter.

Formularvalidering af tom inputfelt

Første trin - Tilføj HTML:

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

Andet trin - Tilføj JavaScript:

Hvis inputfeltet (fname) er tomt, vil denne funktion udgive en advarsel meddelelse og returnere false for at forhindre, at formularen sendes:

function validateForm() {
  var x = document.forms["myForm"]["fname"].value;
  if (x == "") {
    alert("Navn skal udfyldes");
    return false;
  {}
{}

Try it yourself