javascript - 表单 onSubmit 不调用 javascript 函数

Question

我检查了最近关于 onsubmit 事件不触发该方法的博客。这些建议对这个问题没有帮助。我已经在另一个 html 页面中尝试过这种方法和表单，但也不起作用。所以我无法找出主要问题在哪里？ 我的代码:

<div id="_div2">
<center>
<div class="contianer">

<script type="text/javascript">
function formValidation ()
{
    var fName =document.Log.firstName.value;
    var lName =document.Log.lastName.value;
    var pName =document.Log.penName.value;
    var email =document.Log.email.value;
    var password=document.Log.password.value;
    var confirmPassword=document.Log.confirmPassword.value;
    var status=false;
    if(fName.length<1)
    {
        document.getElementById("firstNameLoc").innerHTML=
        "<img src='Resource/unchecked.gif'/>Please Enter your First Name";
        status=false;
    }
    else 
    {
        document.getElementById("firstNameLoc").innerHTML=
        "<img src="Resource/checked.png"/>Please Enter your First Name";
        status=true;
    }
    return status;
}
</script>


<form name="Log" action="SignUpInsert.php" method="post" onsubmit="return formValidation();return false;">
<label><b>First Name</b></label><span id="firstNameLoc"></span><br>
<input type="text" placeholder="Enter your Last Name"  name="firstName"><br>
<label><b>Last Name</b></label><span id="lastNameLoc"></span><br>
<input type="text" placeholder="Enter your Last Name" name="lastName"><br>
<label><b>Pen Name</b></label><span id="penNameLoc"></span><br>
<input type="text" placeholder="Enter your Unique Pen Name" name="penName"><br>
<label><b>Email</b></label><span id="emailLoc"></span><br>
<input type="text" placeholder="Enter your Email" name="email"><br>
<label><b>Password</b></label><span id="passwordLoc"></span><br>
<input type="password" placeholder="Enter your Password" name="password"><br>
<label><b>Confirm Password</b></label><span id="confirmPasswordLoc"></span><br>
<input type="password" placeholder="Enter your Password Again" name="confirmPassword"><br>
<input type="submit" title="Done?" value="Sign Up"><br>

<div class ="contianer">
<button type="button" class="cancelBtn" title="Go Back" onclick="location.href='Main.html'">Cancel</button>
</div>

</form>
</div>
</center>

Answer 1

你快完成了。简单的 quotes 问题。您可以在 dom else 语句中进行这样的更改

document.getElementById("firstNameLoc").innerHTML = '<img src="Resource/checked.png"/>Please Enter your First Name';

function formValidation() {
  var fName = document.Log.firstName.value;
  var lName = document.Log.lastName.value;
  var pName = document.Log.penName.value;
  var email = document.Log.email.value;
  var password = document.Log.password.value;
  var confirmPassword = document.Log.confirmPassword.value;
  var status = false;
  if (fName.length < 1) {
    document.getElementById("firstNameLoc").innerHTML =
      "<img src='Resource/unchecked.gif'/>Please Enter your First Name";
    status = false;
  } else {
    document.getElementById("firstNameLoc").innerHTML = '<img src="Resource/checked.png"/>Done..!';
    status = true;
  }
  return status;
}

<div id="_div2">
  <center>
    <div class="contianer">


      <form name="Log" action="SignUpInsert.php" method="post" onsubmit="return formValidation();return false;">
        <label><b>First Name</b></label><span id="firstNameLoc"></span><br>
        <input type="text" placeholder="Enter your Last Name" name="firstName"><br>
        <label><b>Last Name</b></label><span id="lastNameLoc"></span><br>
        <input type="text" placeholder="Enter your Last Name" name="lastName"><br>
        <label><b>Pen Name</b></label><span id="penNameLoc"></span><br>
        <input type="text" placeholder="Enter your Unique Pen Name" name="penName"><br>
        <label><b>Email</b></label><span id="emailLoc"></span><br>
        <input type="text" placeholder="Enter your Email" name="email"><br>
        <label><b>Password</b></label><span id="passwordLoc"></span><br>
        <input type="password" placeholder="Enter your Password" name="password"><br>
        <label><b>Confirm Password</b></label><span id="confirmPasswordLoc"></span><br>
        <input type="password" placeholder="Enter your Password Again" name="confirmPassword"><br>
        <input type="submit" title="Done?" value="Sign Up"><br>

        <div class="contianer">
          <button type="button" class="cancelBtn" title="Go Back" onclick="location.href='Main.html'">Cancel</button>
        </div>

      </form>
    </div>
  </center>