首页 > 其他分享 >onclick比onsubmit更早的被触发

onclick比onsubmit更早的被触发

时间:2023-08-24 23:44:51浏览次数:41  
标签:触发 onsubmit onclick 表单 ---- 提交

      onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。

在提交表单前,一般都会进行数据验证,可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。

但是onclick比onsubmit更早的被触发。

  提交过程

1、用户点击按钮 ---->

2、触发onclick事件  ----> 

3、onclick返回true或未处理onclick ----> 

4、触发onsubmit事件  ----> 

5、onsubmit未处理或返回true  ------> 

6、提交表单.

     onsubmit处理函数返回false,onclick函数返回false,都不会引起表单提交。

标签:触发,onsubmit,onclick,表单,----,提交
From: https://www.cnblogs.com/jmbt/p/17655472.html

相关文章

  • 八月更新 | CI 构建计划触发机制升级、制品扫描 SBOM 分析功能上线!
    点击链接了解详情这个八月,腾讯云CODINGDevOps对持续集成、制品管理、项目协同、平台权限等多个产品模块进行了升级改进,为用户提供更灵活便捷的使用体验。以下是CODING新功能速递,快来看看是否有您期待已久的功能特性:01CI构建计划触发机制升级在原有代码变更及合并请求......
  • Oracle触发器
    Oracle触发器1.概念触发器在数据库里以独立的对象存储,它与存储过程和函数不同的是,存储过程与函数需要用户显示调用才执行,而触发器是由一个事件来启动运行。即触发器是当某个事件发生时自动地隐式运行。并且,触发器不能接收参数。所以运行触发器就叫触发或点火(firing)。ORACLE事件......
  • 直播系统开发,springboot指定时间触发定时任务
    直播系统开发,springboot指定时间触发定时任务新建测试Demo类执行定时任务 packagecom.task.zhixingshijian;importjava.time.LocalDateTime;importjava.time.temporal.ChronoField;importjava.util.*;/** *@authorwuzhenyong *ClassName:TaskDemo.java *date:2022-......
  • WPF 触发器Trigger
    Trigger:当某些条件满足时会触发一个行为。一、触发器的类型数据变化触发型:Trigger/DataTrigger多条件触发型:MultiTrigger/MultiDataTrigger事件触发型:EventTrigger二、TriggerTrigger:Property用来指明关注目标控件的哪个属性,Value则是触发条件。Setter:一旦触发条件被......
  • js_通过js主动触发原生事件, 以及通过js注册自定义事件并手动触发
    现实情景:在对博客园的样式进行修改时,发现需要对博客园本身的html结构进行更改,而其中一些html结构被绑定了事件处理程序.一些元素在修改时虽然被隐藏但是也需要通过其他方式来达到触发它原本绑定的事件处理程序的目的,因此需要对这些DOM的绑定事件进行手动触发主动触发......
  • el-input-number 手动输入无法触发校验
    前情提要今天终于找到了鬼打墙之谁改了我的代码中的鬼,庆贺:-)鬼找到了:测试对象不一致请输入0-1000间的整数这则校验一直都有,不是改bug期间提交的,因此代码提交记录是正常的。 { pattern:/^([0-9][0-9]{0,2}|1000)$/, message:"请输入0-1000间的整数", tri......
  • 数据更新(UpdateView())后会触发的四个事件
    publicoverridevoidBeforeControlDataBinder(BeforeControlDataBindere){base.BeforeControlDataBinder(e);}publicoverridevoidDataUpdateBeginning(){base.DataUpdateBeginning();}publ......
  • Oracle触发器
    --手办表DROPTABLET_GIRL;CREATETABLET_GIRL(IDNUMBER,NAMEVARCHAR2(30),PRIMARYKEY(ID),AGENUMBER,TCODENUMBER);--数量表DROPTABLET_SQL_LOG;CREATETABLET_SQL_LOG(TIDNUMBER,TNAMEVARCHAR2(30),TCODEVARCHAR(20),TCOUNTNUM......
  • vue_中文输入法情况下, 输入框v-model绑定值中没有输入值但却触发input事件
    今天写的一个搜索框,要求输入字符时不作处理,直到用户点击搜索按钮时才执行搜索逻辑;当用户将搜索框文本删除至空字符串时,执行一次无搜索值的搜索逻辑,用于将表格数据恢复至无筛选;在这个功能上我想当然地使用了input事件用于触发输入事件,但是被测试出bug:当输入法是......
  • SQL Server触发器
    文章来源: SQLServer触发器-hoojo-博客园(cnblogs.com)--触发器是一种特殊类型的存储过程,它不同于之前的我们介绍的存储过程。触发器主要是通过事件进行触发被自动调用执行的。--而存储过程可以通过存储过程的名称被调用。--触发器对表进行插入、更新、删除的时候会自......