按钮元素上的onSubmit事件会起作用吗?

时间:2013-03-14 13:06:06

标签: javascript html dom

以下是代码。

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

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

这是作业。我的导师告诉我,这是可能的。任何帮助都将受到高度赞赏。

谢谢。

3 个答案:

答案 0 :(得分:5)

实际上“onsubmit”是form元素的事件。如果你想捕捉表单提交事件(可以通过点击按钮,自动或按Enter键来完成,你需要这样做:

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

否则您只能抓住提交按钮点击事件,如:

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

答案 1 :(得分:2)

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

来自HTML4 specification

  

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

答案 2 :(得分:1)

我认为这是不可能的。

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

你应该这样做:

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