submitting javascript forms when clicking on submit button

Question

after checking all the functions and after clicking on submit button the browser should be turning into submitted.html but that does not happened and i don't know why? here is my code

<form method="get"   onsubmit="return !!(checkForEmail() & checkForBlank()  
&checkForGsm())"    action="submitted.html">

checkForBlank function

function checkForBlank() {
        var nom = document.getElementById("fname").value;
        var prenom = document.getElementById("lname").value;
        var errorMessage="";

        if (nom == "") {
            errorMessage += "Le champ nom est obligatoire.";
            document.getElementById("lname").style.borderColor="red";
        }

        if (prenom == "") {
            errorMessage += "\nLe Champ prenom est obligatoire.";
            document.getElementById("fname").style.borderColor="red";
        }

        if (errorMessage != "") {
            alert(errorMessage);
            return false;
        }
    }

the others are similar.

Because the function doesn't return anything when there is no error. Also, `&` and `&&` are different things. — JJJ, Apr 06 '18 at 22:04
thank you i've added return true when there is no error and it works. — TryingToGetBetter, Apr 06 '18 at 22:08
https://www.google.com/search?q=difference+between+%26+and+%26%26 — JJJ, Apr 06 '18 at 22:11
[Check this ansower for difference between & and && in JS](https://stackoverflow.com/a/7310120/3134112) — ElasticCode, Apr 06 '18 at 22:23

score 1 · Accepted Answer · answered Apr 06 '18 at 22:14

You are missing to return true; in case of success;

function checkForEmail() {
  return true;
}

function checkForGsm() {
  return true;
}

function checkForBlank() {
  var nom = document.getElementById("fname").value;
  var prenom = document.getElementById("lname").value;
  var errorMessage = "";

  if (nom == "") {
    errorMessage += "Le champ nom est obligatoire.";
    document.getElementById("lname").style.borderColor = "red";
  }

  if (prenom == "") {
    errorMessage += "\nLe Champ prenom est obligatoire.";
    document.getElementById("fname").style.borderColor = "red";
  }

  if (errorMessage != "") {
    alert(errorMessage);
    return false;
  }
  else{return true;}
}

<form method="get" onsubmit="return !!(checkForEmail() & checkForBlank() & checkForGsm())" action="submitted.html">
  <input type="text" name="fname" id="fname"><br/>
  <input type="text" name="lname" id="lname"><br/>
  <input type="submit" value="Submit" id="start"><br>
</form>

submitting javascript forms when clicking on submit button

1 Answers1