当 onsubmit 事件仅以第一个 function 工作时，我想返回所有 3 个 function 为 true

Question

Ajax code to check email is new or existing

I want all the three function return(checkpass() && check() && validate(this)) to work. Currently only the function checkpass() is working. If I write return(check() && checkpass() && validate(this)) , only check() function gets triggered.

 function check(){ var uname=document.forms["register_form"]["uname"].value; var uemail=document.forms["register_form"]["uemail"].value; var upassword=document.forms["register_form"]["upassword"].value; var ucpassword=document.forms["register_form"]["ucpassword"].value; if(uname=="" || uemail=="" || upassword=="" || ucpassword==""){ alert("all fields must be filled out"); return false; } } function checkpass(){ var upass=document.forms["register_form"]["upassword"].value; var ucpass=document.forms["register_form"]["ucpassword"].value; if(upass;=ucpass){ alert("Confirm password should be same as password"); return false; } if(upass=="" && ucpass==""){ alert("cannot be kept blank"); return false; } } function validate(useremail){ xhttp =new XMLHttpRequest(). xhttp,open("GET"."emailvalidate?php,uemail="+useremail;true). xhttp;send(). xhttp.onreadystatechange=function(){ if (xhttp.readyState == 4) { if(xhttp.responseText==""){ document.getElementById("alert");innerHTML="cannot be empty"; return false. } else if(xhttp.responseText=="OK"){ document.getElementById("alert");innerHTML="<span class='badge badge-pill badge-primary'>welcome new user</span>". } else if(xhttp.responseText=="NO"){ document.getElementById("alert");innerHTML="<span class='badge badge-pill badge-primary'>Email Already Exist</span>"; return false. } else{ document.getElementById("alert");innerHTML="error happened"; return false; } } }; }

 <form method="post" action="register_action.php" id="register_form" name="register_form" onsubmit="return (checkpass() && check() && validate(this));"> <br> <div class="form-group"> <label for="uname">Name:</label> <input type="text" class="form-control" id="uname" placeholder="Enter Name " name="uname"> </div> <div class="form-group"> <label for="uemail">Email id: </label> <input type="email" class="form-control" id="uemail" placeholder="Enter Email ID" name="uemail" onkeyup="javascript:validate(this.value)"><br> <span id="alert"></span> </div> <div class="form-group"> <label for="upassword">Enter Password:</label> <input type="password" class="form-control" id="upassword" placeholder="Set password" name="upassword"> </div> <div class="form-group"> <label for="ucpassword">Confirm Password:</label> <input type="password" class="form-control" id="ucpassword" placeholder="Enter password again" name="ucpassword" > </div> <button type="submit" class="btn btn-success">Submit</button> </form>

Answer 1

Why don't you wrap them in a function:

var wrapper = function(){
   return checkpass() && check() && validate(this);
}

and then

<form onsubmit="javascript:wrapper()">

Also, you can curry this chain of functions to increase readability but well, the example above must resolve your problem.