onSubmit与onClick的区别

于 2022-04-10 00:10:40 发布
阅读量665 收藏
点赞数
文章标签： java javascript
原文链接：https://www.cnblogs.com/banruo/archive/2010/03/10/1682942.html
版权

   onSubmit是表单上(也只能是表单)用的,提交表单前会触发
    onClick是按钮等控件上用的,用来触发点击事件.

    用作数据验证的时候,可以选择在submit按钮上的onclick中验证,可以在onsubmit中验证.但是从事件触发顺序上来说,onclick更早.顺序是:用户点击按钮->onclick->如果onclick返回有效或未处理onclick则提交表单->onsubmit->如果onsubmit未处理或返回true,则提交,否则取消提交.onsubmit中返回false会引起取消表单提交;onclick中返回false则会引起此次点击操作被判断为无效,则也就不会引起表单提交.

不懂编程的码农
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
表单验证的两种方式onclick和onsubmit
在路上的博客
05-04 783
表单验证的两种方式onclick和onsubmit 一、onclick提交 1.对应的属性名为name 2.函数检验，返回值为false，不会引起表单提交 3.获取表单提交 function createOrder() { if(CheckPost()) { document.orderForm.submit(); } ...
onsubmit阻止form表单提交与onclick的相关操作
09-05
本文将详细讲解如何使用`onsubmit` 阻止表单提交以及与`onclick` 的相关操作。 1. **`return false` 的作用** 当在表单的`onsubmit`事件处理器中设置`return false`时，可以阻止表单的默认提交行为。这是因为...
onsubmit与onclick的区别
weixin_34220963的博客
06-07 116
onSubmit是表单上(也只能是表单)用的,提交表单前会触发 onClick是按钮等控件上用的,用来触发点击事件. 用作数据验证的时候,可以选择在submit按钮上的onclick中验证,可以在onsubmit中验证.但是从事件触发顺序上来说,onclick更早.顺序是: 用户点击按钮->onclick->如果onclick返回有效或未处理onclick则提交表单->onsub...
笔记四：onsubmit和onclick的区别
weixin_30600197的博客
12-03 337
今天碰到关于表单提交的问题，我是用submit还是用onclick好呢，然后我去百度了一下两者的区别： onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。在提交表单前，一般都会进行数据验证，可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。但是onclick比onsubmit更早的被触发。也就是说oncli...
onclick和onsubmit
lijiang_shen的博客
09-11 345
表单验证： <body> <form action="demo_form.php" name="myForm" onsubmit="return validateForm()" method="POST">名字:<input type="text" name="fname"> <input type="submit" value="提交"> </form> <script&gt
form 表单提交中onClick和onsubmit的区别
qiujinhan的专栏
12-09 656
（1） （2） （1）和（2）这两种提交方式有什么区别？ 对于onclick：当用户点击提交时触发她他返回false则此次点击操作无效，且表单也不会提交。如果返回true或者没处理，则点击提交操作有效。 对于onsubmit：当用户点击提交，点击操作有效，且表单提交，然后onsubmit触发，如果返回false则跑去取消表单提交。如果返回true或者没处理，则完全表单提交成功。
onsubmit和onclick的区别
weixin_34128411的博客
06-18 169
onSubmit是表单上(也只能是表单)用的,提交表单前会触发 onClick是按钮等控件上用的,用来触发点击事件. 用作数据验证的时候,可以选择在submit按钮上的onclick中验证,可以在onsubmit中验证.但是从事件触发顺序上来说,onclick更早.顺序是: 用户点击按钮->onclick->如果onclick返回有效或未处理o...
Web前端设计与开发技术课件第8章使用行为制作网页特效.pptx
11-13
"Web前端设计与开发技术课件第8章使用行为制作网页特效" 在本章中，我们将学习使用行为制作网页特效。在Dreamweaver CC 2018中，用户可以通过简单的可视化操作对交互特效代码进行编辑，从而创建出丰富的网页应用。...
js 事件小结 表格区别
10-30
- onSubmit：表单提交时触发，用于验证表单数据或阻止默认提交行为。 5. 滚动字幕事件（Marquee元素相关）： - onBounce：Marquee内容超出显示范围时触发。 - onFinish：Marquee完成循环播放时触发。 - onStart...
WebBrowser与WinForm交互技巧
09-18
btnElement.AttachEventHandler("onclick", new EventHandler(HtmlBtnClose_Click)); ``` 这将在按钮点击时执行HtmlBtnClose_Click事件处理程序。 知识点3：自动填写和提交表单 我们可以使用WebBrowser控件来自动...
form表单提交onclick和onsubmit
滴水石穿
03-08 1400
onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。 在提交表单前，一般都会进行数据验证，可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。 但是onclick比onsubmit更早的被触发。 　　提交过程 1、用户点击按钮 ----&gt; 2、触发onclick事件 ----&gt; ...
验证表单的两种方式：onSubmit和onClick
diben0832的博客
11-30 156
onSubmit是表单上(也只能是表单)用的,提交表单前会触发 onClick是按钮等控件上用的,用来触发点击事件.用作数据验证的时候,可以选择在submit按钮上的onclick中验证,可以在onsubmit中验证.但是从事件触发顺序上来说,onclick更早.顺序是:用户点击按钮->onclick->如果onclick返回有效或未处理onclick则提交表单->o...
js中 onclick与onsubmit的区别
婧萱
06-24 2487
在用SH框架写一个系统时，我想在表单提交时用JS对操作进行提示，这里给大家列出了使用onclick与onsubmit的区别： onsubmit:是表单上用的，提交表单前会触发 onclick:是按钮等控件上用的，用来触发点击事件。 用作数据验证的时候,可以选择在submit按钮上的onclick中验证,可以在onsubmit中验证。 但是从事件触发顺序上来说,onclick更早.顺序是
onclick、onsubmit、submit集合函数之间的关系和区别
kk791159796的专栏
11-15 1927
这几个函数的调用顺序如下： onclick->onsubmit->submit 只要 onclick 未 return false 那么就继续执行 onsubmit 只要 onsubmit 未return false 那么表单就被提交出去了 另外一点写法上注意一定要 “return X();” 才能取得函数的返回值，否则只是调用函数，返回值未被传递
表单提交过程中的onsubmit()和onclick()
u010486315的专栏
02-11 3851
1、问题描述 有一个表单可以处理三个事件：新建、修改和删除，要求在处理删除事件时给出确认提示，其他操作只要输入合法，提交后就可进行。 FormValid(form)对输入数据统一进行合法性验证。 2、实施 为了区分提交的事件，在三个按钮的onclick()中为隐藏域赋值作为标记。 然后将三个按钮类型设置为button，验证通过后由submit()函数提交即
关于HTMLdeform表单提交onclick和onsubmit
CoderJu的博客
08-31 936
onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。 在提交表单前，一般都会进行数据验证，可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。 但是onclick比onsubmit更早的被触发。 提交过程 用户点击按钮 ---->触发onclick事件  ---->onclick返回tr
表单的onsubmit和onclick事件
weixin_34217711的博客
03-07 140
2019独角兽企业重金招聘Python工程师标准>>> ...
表单提交onclick和onsubmit
m0_37346206的博客
08-26 521
onsubmit只能表单上使用,提交表单前会触发, onclick是按钮等控件使用, 用来触发点击事件。 在提交表单前，一般都会进行数据验证，可以选择在submit按钮上的onclick中验证,也可以在onsubmit中验证。 但是onclick比onsubmit更早的被触发。 　　提交过程 1、用户点击按钮 ----> 2、触发onclick事件 ----> 3、onclick返回true或未处理onclick ----> 4、触发onsubmit事件 ---->...
onclick和onsubmit的用法
yuelanlan的专栏
04-29 128
  &lt;form name="form" action="#" method="post" onsubmit="check();"&gt; &lt;p&gt;&lt;label&gt;称呼:&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&amp;nbsp;&
小程序onclick、onsubmit、onchange
最新发布
05-25
2. `onsubmit` 事件在表单提交时触发，通常用于表单验证和数据提交。 3. `onchange` 事件在表单元素的值改变时触发，通常用于监听下拉列表、单选框、复选框等表单元素的变化。 这三个事件都需要绑定相应的处理函数...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值