Javascript 在表单提交时调用多个函数？

我正在尝试进行JavaScript表单验证，为此我需要调用多个函数。一个用于验证电子邮件，一个用于密码（目前为止只有两个似乎有效），另一个用于性别、年级、名字和姓氏

以下是我的Javascript代码：

function emailmatch() { 
  var emailone = document.forms['input']['email'].value;
  var emailtwo = document.forms['input']['email1bID'].value;
  var passwordone = document.forms['input']['password'].value;
  var passwordtwo = document.forms['input']['password1bID'].value;

  if ( emailone != emailtwo ) {
    alert ( "Emails do not match!" );
    document.forms['input']['email'].value = '';
    document.forms['input']['email1bID'].value = '';
    return false;
  }

  else if ( passwordone != passwordtwo ) {
    alert ( "Passwords do not match!" );
    document.forms['input']['password'].value = '';
    document.forms['input']['password1bID'].value = '';
    return false;
  }

  return true;
}

function checkFirstname() {
  var firstname = document.forms['input']['firstname'].value;
  if (firstname == null) { return false; }
  return true;
}

function checkLastname() {
  var lastname = document.forms['input']['lastname'].value;
  if (lastname == null) { return false; }
  return true;
}

function checkGender() {
  var gender = document.forms['input']['gender'].value;
  if (gender == null) { return false; }
  return true;
}

function validateform() {
  var validation = true;
  if ((emailmatch() && checkFirstname() && checkLastname && checkgender()) == true) return validation;
}

下面是html表单：

<form name="input" id="input" onSubmit="return validateform()" method="GET" action="code.php">
  <tr><td>First name:</td><td> <input type="text" name="firstname" value=""></td></tr> <br />
  <tr><td>Last name:</td><td> <input type="text" name="lastname" value=""></td></tr> <br />
  <tr><td>Gender:</td><td> <input type="radio" name="gender" id="gender" value="male">Male <input type="radio" name="gender" value="female">Female</td></tr> <br />
  <tr><td>Grade:</td><td> <input type="radio" name="grade" value="9"> 9 <input type="radio" name="grade" value="10"> 10 <input type="radio" name="grade" value="11"> 11 <input type="radio" name="grade" value="12"> 12<br /> </td></tr>
  <tr><td>Email:</td><td> <input type="text" name="email" id="email" value=""></td></tr> <br />
  <tr><td>Verify Email:</td><td> <input type="text" name="email1b" id="email1bID" value=""></td></tr> <br />
  <tr><td>Password:</td><td> <input type="password" name="password" id="password" value=""></td></tr> <br />
  <tr><td>Verify Password:</td><td> <input type="password" name="password1b" id="password1bID" value=""></td></tr> <br />
  <tr><td colspan="2"><center><input type="submit" value="Submit"></center></td></tr>
</form>

名字：

姓氏：

性别：男女

年级：9101112

电子邮件：

验证电子邮件：

密码：

验证密码：

---

所以总体而言，我已经创建了所有函数，甚至创建了一个函数在提交时调用它们，尽管只有电子邮件和密码才真正起作用。它调用一个代码，将其输入数据库（数据库也在工作），所以这不是问题所在。验证代码哪里出错了？

因为您永远不会返回false

    function validateform()
    {   var validation = true;  <-- set to true
        if ((emailmatch() && checkFirstname() && checkLastname && checkgender())== true)
    return validation;  <--- returns true
    <-- if false you do not return anything
   }

---

在你明白了这一点之后，你必须意识到空字符串不是空的

使用事件单击按钮

并通过javascript提交表单

function validateform()
{
    var validation = true;
    if( (emailmatch() && checkFirstname() && checkLastname && checkGender())== true)
    document.forms['input'].submit();
}

<form name="input" id="input" method="GET" action="code.php">
<tr><td>First name:</td><td> <input type="text" name="firstname" value=""></td></tr> <br />
<tr><td>Last name:</td><td> <input type="text" name="lastname" value=""></td></tr> <br />
<tr><td>Gender:</td><td> <input type="radio" name="gender" id="gender" value="male">Male <input type="radio" name="gender" value="female">Female</td></tr> <br />
<tr><td>Grade:</td><td> <input type="radio" name="grade" value="9"> 9 <input type="radio" name="grade" value="10"> 10 <input type="radio" name="grade" value="11"> 11 <input type="radio" name="grade" value="12"> 12<br /> </td></tr>
<tr><td>Email:</td><td> <input type="text" name="email" id="email" value=""></td></tr> <br />
<tr><td>Verify Email:</td><td> <input type="text" name="email1b" id="email1bID" value=""></td></tr> <br />
<tr><td>Password:</td><td> <input type="password" name="password" id="password" value=""></td></tr> <br />
<tr><td>Verify Password:</td><td> <input type="password" name="password1b" id="password1bID" value=""></td></tr> <br />

函数validateform（）
{
var验证=真；
if（（emailmatch（）&&checkFirstname（）&&checkLastname&&checkGender（））==true）
document.forms['input'].submit（）；
}
名字：

姓氏：

性别：男女

年级：9101112

电子邮件：

验证电子邮件：

密码：

验证密码：

---

还可以查看函数：checkGender（），在调用checkGender（）的if语句中，您没有说明您遇到的错误是什么。请提供有关什么不起作用的详细信息。这看起来像是一个可以使用FireBug调试的简单任务。不要将值与

null

进行比较。与相比

function validateform()
{
    var validation = true;
    if( (emailmatch() && checkFirstname() && checkLastname && checkGender())== true)
    document.forms['input'].submit();
}

<form name="input" id="input" method="GET" action="code.php">
<tr><td>First name:</td><td> <input type="text" name="firstname" value=""></td></tr> <br />
<tr><td>Last name:</td><td> <input type="text" name="lastname" value=""></td></tr> <br />
<tr><td>Gender:</td><td> <input type="radio" name="gender" id="gender" value="male">Male <input type="radio" name="gender" value="female">Female</td></tr> <br />
<tr><td>Grade:</td><td> <input type="radio" name="grade" value="9"> 9 <input type="radio" name="grade" value="10"> 10 <input type="radio" name="grade" value="11"> 11 <input type="radio" name="grade" value="12"> 12<br /> </td></tr>
<tr><td>Email:</td><td> <input type="text" name="email" id="email" value=""></td></tr> <br />
<tr><td>Verify Email:</td><td> <input type="text" name="email1b" id="email1bID" value=""></td></tr> <br />
<tr><td>Password:</td><td> <input type="password" name="password" id="password" value=""></td></tr> <br />
<tr><td>Verify Password:</td><td> <input type="password" name="password1b" id="password1bID" value=""></td></tr> <br />