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

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

javascript html

HTML表单-通过onsubmit事件处理程序调用JavaScript,javascript,html,Javascript,Html,我正在创建一个简单的HTML表单，并通过onsubmit事件处理程序调用JavaScript文件。奇怪的是，每当我单击submit按钮时，我的JS文件都不会启动。帮忙 **更新代码这是我压缩HTML文件的内容： <html> <form name="form01" id="form01" action="http://itins3.madisoncollege.edu/echo.php" method="post" onsubmit="return checkAl

我正在创建一个简单的HTML表单，并通过onsubmit事件处理程序调用JavaScript文件。奇怪的是，每当我单击submit按钮时，我的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;
}

函数checkAllTextBox（）
{
if（document.form01.actualFirstName.value.length<2）
{
警告（“名字太短-必须至少两个字符或更多。”）；
返回false；
}
返回true；
}

我一直试图找出哪里出了问题，但似乎在我的代码中找不到错误。尝试了JSHint、Firebug（FireFox），甚至HTML在线验证程序，但没有出现任何bug。另一双编码眼睛将大有帮助。谢谢


<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>

名字：
函数checkAllTextBox（）
{
if（document.form01.actualFirstName.value.length<2）
{
警告（“名字太短-必须至少两个字符或更多。”）；
返回false；
}
否则{
document.form01.action=”http://itins3.madisoncollege.edu/echo.php";
document.form01.submit；
返回true；
}

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

这是我尝试过的，而且很有效

函数checkAllTextBox（）
{
if（document.form01.actualFirstName.value.length<2）
{
警告（“名字太短-必须至少两个字符或更多。”）；
返回false；
}
返回true；
}


名字：

您在html文件中包含了一个引用javascript文件的标记，对吗？我发现它在最新的chrome 39.0和IE 9中工作得很好。而且您的代码似乎没有任何问题。您可以更新不工作的浏览器版本吗？您可能希望使用document.getElementById（'actualFirstName'））与document.form01.actualfirstname不同，它只在我将JS文件作为脚本添加到HTML文件中时才起作用，但当我将它们作为HTML和JS文件分成两个不同的文件，并使用onsubmit事件处理程序时，它仍然不会激发我的JS。这只是我的HTML和JS文件的压缩版本；最初的编码要多得多感谢您的帮助。：）正如Maurice Perry所说，您在html文件中包含了一个引用javascript文件的标记，对吗？请尝试使用脚本标记引用js文件，这显然取决于您的文件结构在“运行代码段”上的工作情况这里是stackoverflow，但对我不起作用。我将您的代码直接复制并粘贴到一个新的HTML和JS文件中（只是更改文件名），测试了HTML页面，但仍然不适用于我。我还将更改为。我不知道发生了什么事。我在共享此页面之前在本地尝试了此操作。它对我很好。我将HTML文件和myscripts.js文件放在同一文件夹中。我尝试将js文件移动到新文件夹javaScriptFiles。为此，您必须在java之前删除斜杠脚本-“javaScriptFiles/newArtist.js”。您使用的文件夹结构是什么？我已将html文件和javaScriptFiles文件夹放在同一位置..并且可以工作..我找到了它。这是我在文件目录中键入的方式。我键入的不是酷..这与我上面提到的没有“/”的文件夹相同。两者都是“./javaScriptFiles/newArtist.js”和“javaScriptFiles/newArtist.js”就可以了..很高兴知道您可以继续。。