按钮元素上的 onSubmit 事件会起作用吗？ [关闭]答案

【问题标题】：onSubmit event on a button element will it work? [closed]按钮元素上的 onSubmit 事件会起作用吗？ [关闭]
【发布时间】：2013-03-14 21:17:13
【问题描述】：

以下是代码。

<html>
    <head>
        <script type="text/javascript">
            function call() {
                alert("hai");
            }
        </script>
    </head>
    <body>
        <form name="login" method="post" action="">
            <input type="submit" name="Submit" value="login" onSubmit="call()">
        </form>
    </body>
</html>

是否可以在输入元素类型button内创建事件onSubmit。

这是一个任务。我的导师告诉我，这是可能的。任何帮助将不胜感激。

谢谢。

【问题讨论】：

你试过你的代码了吗？它有什么错误吗？
我认为你应该和你的导师讨论这个问题。
你请你的导师做一个演示
我想我会要求他这样做。自从他对这件事如此确定以来，过去几个小时我一直在为此烦恼。

标签： javascript html dom

【解决方案1】：

您的onsubmit 应该应用于表单，因为它是提交的表单，而不是按钮。

来自HTML4 specification：

提交表单时会发生 onsubmit 事件。 仅适用于 FORM 元素。

【讨论】：

【解决方案2】：

其实“onsubmit”是form元素的一个事件。如果您想捕获表单提交事件（可以通过单击按钮、自动或按回车来完成，您需要这样做：

<form ... onsubmit="func();">

否则你只能捕获提交按钮点击事件，如：

<input type="submit" ... onclick="func();">

【讨论】：

这显然是最有帮助的答案。

【解决方案3】：

我认为这是不可能的。

您应该挂钩onclick 提交事件。表单可以有 onsubmit 事件，但按钮不能有 onsubmit。

你应该这样做：

<input type="submit" name="Submit" value="login" onclick="call();">

【讨论】：