提交事件表单未触发

时间:2019-12-03 17:39:03

标签: javascript html forms eventhandler onsubmit

我是Web开发人员的新手,为了学校学习,我正在做一些我想执行表单提交事件的javascript的工作。

<head>
  <script>
    function foobar() {
      alert('Form submit event hit!');
    }
  </script>
</head>

<body onload="document.myForm.submit()">
  <form name="login" id="login" action="login.php" method="POST" onsubmit="foobar();">
    <input type="hidden" name="username" .../>
    <input type="hidden" name="password" .../>
    <input type="submit" name="submit" value="submit" />
  </form>
</body>

执行此操作时,我看到该表单已成功提交,成功登录后看到了输出。但是,我看不到Submit事件的处理程序Java脚本被调用或命中。我确定我想念什么。任何帮助表示赞赏。

1 个答案:

答案 0 :(得分:-1)

点击提交按钮后,将调用onsubmit函数 IS 。检查我的jsfiddle。

https://jsfiddle.net/dthsLey7/11/

<!DOCTYPE html>
<html>

<body onload="document.myForm.submit()">
    <form name="login" id="login" action="login.php" method="POST" onsubmit="foobar();">
        <input type="hidden" name="username" .../>
        <input type="hidden" name="password" .../>
        <input type="submit" name="submit" value="submit"/>
    </form>
</body>

<script>
function foobar()
{
    alert('Form submit event hit!');
}
</script>
</html>