HTML表单-通过onsubmit事件处理程序调用JavaScript

Question

我正在创建一个简单的HTML表单，并通过onsubmit事件处理程序调用JavaScript文件。 奇怪的是，每当我单击提交按钮时，我的JS文件都不会启动。 救命？

**更新代码

这是我的压缩HTML文件的内容：

<html>
<form name="form01" id="form01" action="http://itins3.madisoncollege.edu/echo.php"
      method="post" onsubmit="return checkAllTextBoxes();">

      <label for="actualFirstName" class="setWidth">First Name:</label>
      <input type="text" name="actualFirstName" id="actualFirstName" />

      <input type="submit" value="Send Form" />

</form>
</html>
<script src="/javaScriptFiles/newArtist.js" type="text/javascript"></script>

这是我的JS文件的内容：

function checkAllTextBoxes()
{
     if (document.form01.actualFirstName.value.length < 2)
     {
          alert("First name is too short- must be at least two characters or more.");
          return false;
     }

     return true;
}

我一直在尝试找出问题所在，但似乎无法在代码中找到错误。 尝试过JSHint，Firebug（FireFox），甚至HTML在线验证器，都没有发现错误。 另一双编码眼睛将有很大帮助。 谢谢。

Answer 1

<form name="form01" id="form01" method="post">
    <label for="actualFirstName" class="setWidth">First Name:</label>
    <input type="text" name="actualFirstName" id="actualFirstName" />
    <input type="submit" value="Send Form" onClick="return checkAllTextBoxes();" />
</form>
<Script>
function checkAllTextBoxes()
{
     if (document.form01.actualFirstName.value.length < 2)
     {
          alert("First name is too short- must be at least two characters or more.");
          return false;
     }
     else{
         document.form01.action = "http://itins3.madisoncollege.edu/echo.php";
         document.form01.submit;
         return true;
}
</script>

Answer 2

您必须将js文件链接到html。 在结束标记后的html页面底部添加链接

这是我尝试过的，并且有效。

 function checkAllTextBoxes() { if (document.form01.actualFirstName.value.length < 2) { alert("First name is too short- must be at least two characters or more."); return false; } return true; }

 <html> <form name="form01" id="form01" action="http://itins3.madisoncollege.edu/echo.php" method="post" onsubmit="return checkAllTextBoxes();"> <label for="actualFirstName" class="setWidth">First Name:</label> <input type="text" name="actualFirstName" id="actualFirstName" /> <input type="submit" value="Send Form" /> </form> </html> <script src="myscripts.js"></script>

HTML表单-通过onsubmit事件处理程序调用JavaScript

问题描述

2 个解决方案

解决方案1
1 2014-12-15 06:30:46

解决方案2
0 2014-12-15 07:19:14

HTML表单-通过onsubmit事件处理程序调用JavaScript

问题描述

2 个解决方案

解决方案1 1 2014-12-15 06:30:46

解决方案2 0 2014-12-15 07:19:14

解决方案1
1 2014-12-15 06:30:46

解决方案2
0 2014-12-15 07:19:14