submit按钮与一般按钮的onclick

最新推荐文章于 2020-09-11 17:54:02 发布
最新推荐文章于 2020-09-11 17:54:02 发布
阅读量2.4k 收藏
点赞数
文章标签： button action 优化 ie c
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/cxzhq2002/article/details/3368366
版权
  1.   <script>
  2. function test()
  3. {
  4. alert(11);
  5. }
  6. </script>
  7.  <BODY>
  8.   <form id="form1" name="form1" method="post" action="1111111111111.html" onsubmit="test(); return false;">
  9.   <input  name="a" />
  10.   <input  name="b" />
  11.   <input type="Submit" name="Submit" value="提交" onclick='alert(22);' />
  12.   <input type="Submit" name="Submit2" value="提交2" onclick='alert(33); return false;' />
  13.   <input type="button" name="Submit3" value="提交3" onclick='alert(44);this.form.submit();' />
  14. </form>

 

一般还是提供Submit类型按钮,这样回车便可提交,并保持了流览提供的客户端功能,多流览器支持也好

如果是Submit类型,一般提交check写入到onsubmit中,这样公用;

但如果有多个submit,则根据流览器不同，ie默认使用第一个，所以，这时可全部不使用submit,而是使用button,onclick，这样可能会明晰一些．．．

 

如果是onclick,类型为button,则是按非正常方式提交,onsubmit不能触发,这一点需要注意

 

要使用<a href=aaa>aa</a> 而不是使用<a οnclick="">aaa</a>,一般优化使用w3c方式

 

 

 

 

 

cxzhq2002
关注
JS中type="button"和type="submit"的区别
10-19
Submit是专门用于提交表单的Button，与Button的区别主要有两点：type=button 就单纯是按钮功能，type=submit 是发送表单。下面通过本文给大家分享JS中type="button"和type="submit"的区别，感兴趣的的朋友一起看看吧
JS button按钮实现submit按钮提交效果
01-19
今天在使用表单是同时使用POST更新、删除操作。...最后关键的是 button的设置,更新按钮,代码如下: <input onclick=”document.linkform.act.value='update'; document.linkform.submit();” name=
点击提交按钮不执行onclick方法
7Nicedays
07-18 1895
错误代码： <input type="submit" value=" 登 录 " class="btnGreen" style="width: 330px;height: 45px;" onclick="checkInput()"/> 解决： 将type类型换成button，否则不执行方法直接提交 <input type="button" value=" 登 录 " class...
submit按钮结合onclick事件 实现表单的提交与验证
ruixun8的博客
06-08 6020
&lt;script&gt; function checkattr() { var str=document.getElementsByName("attr-27[]"); var objarray=str.length; var chestr=""; for (i=0;i&lt;objarray;i++) ...
FORM表单中onclick()、submit()与onsubmit()的问题
qq_36785719的博客
05-19 1319
FORM表单中onclick()、submit()与onsubmit()的问题 最近遇到一次处理form数据的过滤，采用了button的onclick事件来检查，发现return false后表单仍然提交了。 于是仔细研究了下onclick、onsubmit、submit集合函数之间的关系和区别 onsubmit: You can override this event by returning false in the event handler. Use this capability to valid
FORM表单 onclick()与onsubmit()
weixin_30242907的博客
02-28 296
FORM表单中onclick()、submit()与onsubmit()的问题 最近遇到一次处理form数据的过滤，采用了button的onclick事件来检查，发现return false后表单仍然提交了。 于是仔细研究了下onclick、onsubmit、submit集合函数之间的关系和区别 1 2 3 4 5 6 7 8 9 10 11 ...
submit中onclick方法的执行
bblbx的博客
08-06 4934
无标题文档 function onC(){          varcount = document.myForm.times.value;          //alert();          for(i=0;i                    document.write("HelloWorld!");          } } 输入HelloWo
两个SUBMIT按钮，如何区分处理
12-03
首先，我们可以直接在HTML表单中设置两个SUBMIT按钮，并给它们分配不同的名称和值。例如： ```html <!-- 其他表单元素 --> <input type="submit" name="Action" value="修改"> <input type="submit" name=...
点击提交按钮后按钮变灰色不可用状态的三种方法
09-05
当用户点击该按钮时，`this.disabled=true`会将按钮设置为不可用（灰色），然后`document.form1.submit()`提交表单。这种方式简洁明了，但缺点是提交成功后按钮仍然保持灰色，无法恢复为可用状态。 2. **利用`...
提交按钮的name＝’submit’引起的js失效问题及原因
12-07
在上述问题中，出现了一个由于提交按钮（`<input>` 标签）的 `name` 属性设置为 `submit` 导致的 JavaScript 失效问题。这可能会导致与表单提交相关的 JavaScript 事件监听器无法正常工作。 首先，让我们了解一下...
input按钮onclick事件详解与示例
通过这些示例，我们可以了解到`onclick`事件如何与JavaScript结合，实现对WebBrowser控件的各种操作，以及如何利用JavaScript控制浏览器的一些内置功能，如刷新、收藏、查看源代码等。在实际开发中，可以根据需要...
提交按钮（type="submit"）中使用onclick事件
热门推荐
建设美丽祖国
09-18 2万+
转自：https://blog.csdn.net/opossum/article/details/1261282 提交按钮（） ，对应事件为FORM的提交事件，有时FORM需要一些验证，比如验证时间（ONSUBMIT=“RETURN CHECKTIME();”） ，而且时间脚本为共有的，不能轻易修改，现在又想验证某一输入框的值不能为空（只是举例，此问题可以在设计时避免），也就是有两个（多个的话，你...
submit与onclick的执行顺序
wshten
07-10 5278
onclick先于onsubmit执行，若onsubmit返回值为true，执行submit；将submit操作放到$.ajax()中执行即可
表单提交的相关注意事项，submit-onclick-事件触发执行过程
【小喵】的博客
11-30 1万+
submitAction 方法里面有提交表单的动作。如果不加 return false， 在执行完 submitAction 之后，submit 按钮还会继续执行它的默认事件，就会再次提交表单。这可能就是很多错误的根源。 的确，return false的含义不是阻止事件继续向顶层元素传播，而是阻止浏览器对事件的默认处理。你可以这样试验：首先将所有的js脚本注释掉，在IE浏览器中尝试拖动一下图片，你
onclick和onsubmit
lijiang_shen的博客
09-11 398
表单验证： <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和submit
weixin_30633949的博客
03-16 233
一个表单： 1 <form action="#" method="POST" name="A" onsubmit="return X();"> 2 <input type="text" value="" /> 3 <input onclick="Y()" type="submit" value="提交" /> 4 </form> ...
sumit按钮在form表单中 onclick事件
Purgatory001的博客
06-11 2117
在form表单中有 οnsubmit 属性，用来确定提交之前的其他骚操作。 如果在form表单下 submit 按钮 中添加 onclick事件，事件是可以被触发的，但这并不影响 form 表单的提交 <form class="form" onsubmit="" method="post" action="../login.php"> <p class="p">帐号： .
onclick、onsubmit、submit集合函数之间的关系和区别
kk791159796的专栏
11-15 1955
这几个函数的调用顺序如下： onclick->onsubmit->submit 只要 onclick 未 return false 那么就继续执行 onsubmit 只要 onsubmit 未return false 那么表单就被提交出去了 另外一点写法上注意一定要 “return X();” 才能取得函数的返回值，否则只是调用函数，返回值未被传递
input type="submit' 加上onclick的好用处
生活在爪洼岛上
07-17 1万+
 onclick="chakan()"/>当点击“查看”按钮后，会先执行chakan()脚本里面的代码，如果某个地方return false;(false可以省略)之后会继续执行submit到后台处理查看报卡系统中CustomerInfoManagerment.jsp中的submits()方法，注意，按钮的类型为submit可以看到效果
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值