html在提交表单时触发的事件属性onsubmit

实例

当提交表单时执行一段 JavaScript：

<form action="demo_form.asp" onsubmit="checkForm()">

浏览器支持

IE

Firefox

Chrome

Safari

Opera

所有主流浏览器都支持 onsubmit 属性。

定义和用法

onsubmit 属性在提交表单时触发。

onsubmit 属性只在 <form> 中使用。

HTML 4.01 与 HTML5 之间的差异

无。

语法

<form onsubmit="script">

属性值

值	描述
script	onsubmit 发生时运行的脚本。

在日常的开发中，往往在表单被提交之前需要加上验证（验证日期格式是否正确，验证某个input是否为空…），首先想到的就是 onsubmit事件，在一个submit类型按钮点击时，首先触发的就是form的onsubmit()事件。这时，我们就可以写上自己的验证。代码如下：

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘执行了onsubmit事件’);return true;”>   
               <input type="submit" name="save" value="保存" />   
</form>

但是如果我们直接调用form的submit()事件，却不会执行onsubmit()，代码如下：

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘执行了onsubmit事件’);return true;”>   ”>   
               <input type="button" name="save" value="保存" onclick=”this.form.submit();” />   
</form>

我们如果想调用form的onsubmit事件只能通过调用，只有这样，才能执行这个事件:

<form action="1.asp" method="post" name="form1"  onsubmit=“alert(‘执行了onsubmit事件’);return true;”>   ”>   
               <input type="button" name="save" value="保存" onclick=”this.form.onsubmit();” />   
</form>

以上就是html在提交表单时触发的事件属性onsubmit的详细内容，更多请关注其它相关文章！