关于HTML中onSubmit属性的触发时机

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

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

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

但是这样就失去了submit功效。也许我们可以用（attachEvent() / addEventListener() ）模拟触发器的方式实现，语法如下(下面部分是转载内容……)：

分析了一下原因：onsubmit属性的触发时机是在form用input:submit这样的button提交时才会触发，否则不会触发。
后来，在官方文档上也找到了如下说明，证明了我的这一分析，如下：
The submit method does not invoke the onsubmit event handler. Call the onsubmit event handler directly. When using Microsoft® Internet Explorer 5.5 and later, you can call the fireEvent method with a value of onsubmit in the sEvent parameter.
为了证实这一分析，我做了一个完整的测试：
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
    <script language="javascript">
        function t(){
            var f=document.getElementById("f");
            f.submit();
            alert('333');
        }
    </script>
</HEAD>

<BODY>
<form id="f" onsubmit="alert('2222');">
    <input type="submit" value="submit" />
    <input type="button" value="button" onclick="t();"/>
</form>
</BODY>
</HTML>点击submit按钮即可出现“2222”提示，点击button的话，会出现“333”提示。

转载于:https://www.cnblogs.com/ForFreeDom/archive/2009/09/29/1576631.html

关于HTML中onSubmit属性的触发时机相关推荐

Android中GC的触发时机和条件
本文分析基于Android R(11)源码 Java对象的创建由Allocator负责,回收由Collector负责.从Android O开始,对于前台应用默认的GC Collector是CC(Con ...
说明所有BeanPostProcessor的触发时机
说明所有BeanPostProcessor的触发时机 BeanPostProcessor BeanPostProcessor postProcessBeforeInitialization: [调用时 ...
wap开发问题总结（ios中click事件无法触发、身份证分隔、倒计时、验证码分隔等）
需求背景:用户在通过短信验证码方式注册或者登陆时,存在二次卡场景(运营商回收原机主不用的手机号,存放三个月后,再次开放给新机主),导致新机主可以登录原机主账号,如果原机主不换绑手机.二次卡判断条件:手 ...
关于表单form元素中onsubmit事件处理机制的认识
博主目前处于Js学习的初期,遇到了很多问题,比如今天的关于表单form元素中onsubmit事件问题,根据教程所述,onsubmit事件是在表单提交的时候触发的,但是我看到教程上的onsubmit事件 ...
python 中 property 属性的讲解及应用
Python中property属性的功能是:property属性内部进行一系列的逻辑计算,最终将计算结果返回 property属性的有两种方式: 装饰器即:在方法上应用装饰器类属性即:在类中定义 ...
Python 中的属性访问与描述符
在Python中,对于一个对象的属性访问,我们一般采用的是点(.)属性运算符进行操作.例如,有一个类实例对象foo,它有一个name属性,那便可以使用foo.name对此属性进行访问.一般而言,点(. ...
SpringCloud（第 017 篇）电影微服务接入Feign，添加 fallbackFactory 属性来触发请求进行容灾降级...
2019独角兽企业重金招聘Python工程师标准>>> SpringCloud(第 017 篇)电影微服务接入Feign,添加 fallbackFactory 属性来触发请求进行容灾 ...
在运行时在Spring Cloud Config中刷新属性配置
在本系列Spring Cloud Config的教程系列中,我们将讨论在运行时刷新属性配置的过程,我们将使用Spring Boot致动器/refresh端点进行/refresh . 此外,我们还将研究 ...
[css] css中Scroll-behavior属性有什么应用场景？
[css] css中Scroll-behavior属性有什么应用场景? 当用户手动点击导航或者API调用导致触发滚动操作时,scroll-behavior属性可以为滚动框设定滚动行为.auto表示立即 ...
ios 通过kvc修改属性会触发kvo_iOS开发-KVC和KVO的理解
KVC和KVO看起来很专业,其实用起来还是比较简单的,KVC(Key-value coding)可以理解为键值对编码,如果对象的基本类型,那么键值对编码实际上和get,set方法没有区别,如果是属性是 ...

关于HTML中onSubmit属性的触发时机

关于HTML中onSubmit属性的触发时机相关推荐

最新文章

热门文章