表单提交中onSumbit和提交按钮的onClick事件

onSubmit只能在表单上使用,提交表单前会触发。

onClick在按钮能控件上使用,用来触发点击事件。

在提交表单前,一般都会进行数据验证,可以选择在submit按钮上的onClick中验证,也可以放在onSubmit中验证。但是onClick比onSubmit更早地被触发。

用户点击按钮---》onClick事件---》返回true---》onSubmit事件--->返回true--->提交表单

注意:onSubmit返回false,onClick函数返回false,都不会引起表单提交.

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 表单基础知识 在HTML中,表单是由 元素来表示的,而在JS中,表单对应的则是HTMLFormElement类型。...
    oWSQo阅读 922评论 0 1
  • React中没有类似Angular那样的双向数据绑定,在做一些表单复杂的后台类页面时,监听、赋值、传递、校验时编码...
    tedyuen777阅读 9,906评论 1 23
  • 工厂模式类似于现实生活中的工厂可以产生大量相似的商品,去做同样的事情,实现同样的效果;这时候需要使用工厂模式。简单...
    舟渔行舟阅读 7,932评论 2 17
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,115评论 19 139
  • 初学 react-native,遇到N多的坑,在这里记录一下,便于以后查找: 环境配置好,一切OK,运行时出现以下...
    ChenME阅读 9,733评论 6 10