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

HTML表单 – 通过onsubmit事件处理程序调用JavaScript,第1张

概述我正在创建一个简单的 HTML表单并通过onsubmit事件处理程序调用 JavaScript文件.奇怪的是,每当我点击提交按钮时,我的JS文件都不会触发.救命? **更新的代码 这就是我对压缩的HTML文件所拥有的: <html><form name="form01" id="form01" action="http://itins3.madisoncollege.edu/echo.php" 我正在创建一个简单的 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" >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在线验证器,没有出现错误.另一副编码眼睛将是一个很大的帮助.谢谢.

解决方法
<form name="form01" ID="form01" method="post">    <label for="actualFirstname" >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>
总结

以上是内存溢出为你收集整理的HTML表单 – 通过onsubmit事件处理程序调用JavaScript全部内容,希望文章能够帮你解决HTML表单 – 通过onsubmit事件处理程序调用JavaScript所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/web/1055606.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2022-05-25
下一篇 2022-05-25

发表评论

登录后才能评论

评论列表(0条)

保存