当前位置:Gxlcms > html代码 > html在提交表单时触发的事件属性onsubmit

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

时间:2021-07-01 10:21:17 帮助过:10人阅读

实例

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

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

浏览器支持

IE

Firefox

Chrome

Safari

Opera

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

定义和用法

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

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

HTML 4.01 与 HTML5 之间的差异

无。

语法

<form onsubmit="script">

属性值

描述
scriptonsubmit 发生时运行的脚本。

在日常的开发中,往往在表单被提交之前需要加上验证(验证日期格式是否正确,验证某个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的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行