javascript submit()方法的坑

最新推荐文章于 2023-12-12 21:50:37 发布

weixin_34174132

最新推荐文章于 2023-12-12 21:50:37 发布

阅读量983

点赞数

文章标签： javascript ViewUI

原文链接：https://my.oschina.net/cxz001/blog/311710

版权

为什么80%的码农都做不了架构师？>>>

这个我觉得是个坑，因为玩多了jquery，只要通过on方法绑定了submit事件处理，在任何地方提交表单都可以触发。而原生javascript的onsubmit事件是绑定在"submit按钮"上的，外部按钮执行的提交无法触发onsubmit事件。

还有一个类似的问题： html5带来的原生表单验证是个好东西，可惜一样，只能通过表单内置的submit按钮提交才会触发验证，外部提交无法触发。所以第三方js表单验证插件还是需要的。

转载于:https://my.oschina.net/cxz001/blog/311710

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

weixin_34174132

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

JavaScript学习笔记--进阶之路

JackieDYH的博客

03-16

1577

了解js特性&事件使用 20200316 1、JavaScript简介历史：第一个浏览器就是文本和图片网景公司增强用户的使用体验急需一门语言实现用户和网页之间的交互诞生：为了实现用户和网页的交互而出现 1、开发一门新语言 2、使用已经成熟的语言（java<sun> python c ------）这个时候使用的是java ---...

JavaScript教程（一）

m0_56752010的博客

04-21

2577

听课笔记

参与评论您还未登录，请先登录后发表或查看评论

js的submit()方法详解

mengshan1986的专栏

10-15

8195

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">http://www.w3.org/1999/xhtml">杂志缩略图管理 function testa(){document.getElementById("forma").action="www.ba.com";document.getElementById("forma").su

js submit方法与onsubmit事件

Code-lover's Learning Notes

08-12

3331

一．form的submit方法是否会触发onsubmit事件？测试代码如下：<html> <head> <meta content="text/html; charset=gb2312" http-equiv="Content-Type"> </head> <form id='myform' target="_top" action="http

JavaScript 表单提交的三种方法

houyanhua1的专栏

11-18

1万+

表单提交的三种方法： 1、submit按钮，结合form标签的onsubmit事件。 checkForm()需要return 2、submit按钮，结合onclick事件。 checkForm()需要return 3、button按钮，结合onclick事件。 js中：checkForm(){document.form1.submit();} 不需要return 1

利用js触发submit按钮的两种方法

最新发布

ytakcc的专栏

12-12

1449

具体思路：用a标签的onclick事件获取表单的id，执行form表单的提交操作，也就是执行submit事件。点击a标签后实现post提交的效果。

javascript 提交 submit

weixin_30514745的博客

11-12

115

onclick="javascript:$('#form').submit()" 转载于:https://www.cnblogs.com/henry-xu/p/6056754.html

BootStrap表单验证中的非Submit类型按钮点击时触发验证的坑

10-16

- 如果使用第三方JavaScript库或者模块，要注意版本兼容性问题，可能需要查阅相关文档获取更多的兼容性信息和解决方案。通过上述的说明，我们了解到在Bootstrap表单验证中，非提交类型按钮的正确使用可以避免一些...

JavaScript最全面试题

qq_60976312的博客

06-10

1542

JavaScript最全面试题

Ling-lib：早期已填坑或坑掉的项目合集

02-15

JavaScript 支持事件驱动编程，比如点击（click）、提交（submit）、改变（change）等事件。通过addEventListener或attachEvent来绑定事件，以及removeEventListener或detachEvent来解绑。 4. **AJAX** 异步...

JS定义网页表单提交（submit）的方法

01-21

本文实例讲述了JS定义网页表单提交（submit）的方法。分享给大家供大家参考。具体如下：这段代码表示网页表单提交时不是提交到指定的页面，而是执行一个特定的函数 [removed] function saveInfo() { localStorage.setItem(name,$(#name).val()); } [removed] <form id=register onSubmit=return saveInfo()> <label for=name>Name:</label> <input type=text name=name id=name> <input

JavaScript中的submit和button

sinat_40880767的博客

07-25

713

submit按钮，一旦点击默认提交表单； button按钮，通常用于触发事件，通过onclick指定事件处理函数。如果表单在点击提交按钮后需要用js进行处理（例如：用户名、密码的验证）后再提交的话，通常要把submit改成button，避免submit自动提交的行为，否则就会造成提交两次的结果。 ...

Javascript 中 return false 的重要性

「理」尚往来

12-09

299

最近做的项目，通过绑定在 button 的 onclick 事件的函数提交表单。发现 return false 也是很重要的。比如： <input type="submit" onclick="submitAction(); return false;" /> submitAction 方法里面有提交表单的动作。如果不加 return false，在执行完 submitActi...

javascript中FORM表单的submit()方法经验教训

一个愿意分享知识的人，才是一个纯粹的、高尚的、脱离了低级趣味的人。

12-18

4040

@author songfeng 因为JS内对象的方法实际上是存储语句的一个类似于指针的东西. 其指向了内存的一个位置, 也就是其函数的位置,当然也可以让其指向一个变量值. var foo = new Object(); foo.bar = function() {} //现在foo.bar就是指向了这

ruoyi bootstrap 弹窗(弹页面)，确定按钮提交表单

test

05-15

9758

父级页面操作按钮，弹窗(弹页面) <a class="btn btn-success" onclick="waitFinancial()" > <i class="fa fa-plus"></i> 认领款项 </a> ... <script th:inline="javascript"> //加载页面（弹窗）可认领的分款列表 function waitFinancial(){ var url = "xxxx/waitFinancial

js submit提交表单问题

lzj0470的专栏

10-31

768

用JS提交表单的时候,有时候不注意的话,在表单里面顺便写成这样<input type="submit" name="submit" value="submit" />,而在js里面写着object.submit();这个时候,会报一个错误,提示对象不支持此属性或办法,那是因为你标签一个属性name的值受到影响,主要你换一下名字就行拉,比如<input type="submit" ...

给submit提交按钮添加点击事件（JavaScript）