js和jq使用submit方法无法提交表单的快速解决方法


Posted in Javascript onMay 17, 2016

昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题 都是因为 表单中 有 name 或者 id 这些命名跟submit 有冲突,但是检查了几次,始终没有发现 名字冲突,所以这个可能性被排除。

平常自己做触发按钮,基本不用a 标签,但是昨天不知道什么 问题,竟然用了 a 而且还给了 href 为空,由于这个a 的class 有多个 内容,所以检查时候根本就没有去看href 没有写内容。所以,每次进行click 操作的时候 都会触发到 href="" 这个操作,这个操作就重新打开当前页面,所以导致 submit无法起到作用。解决方法:就是给href 加javascript:;或者javascript:void(0);

问题出现地方:

js和jq使用submit方法无法提交表单的快速解决方法

解决了:

js和jq使用submit方法无法提交表单的快速解决方法

js部分:

js和jq使用submit方法无法提交表单的快速解决方法

以上这篇js和jq使用submit方法无法提交表单的快速解决方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript URL锚点取值方法
Feb 25 Javascript
js和jquery对dom节点的操作(创建/追加)
Apr 21 Javascript
jquery1.10给新增元素绑定事件的方法
Mar 06 Javascript
javascript 拷贝节点cloneNode()使用介绍
Apr 03 Javascript
基于Jquery+div+css实现弹出登录窗口(代码超简单)
Oct 27 Javascript
onclick和onblur冲突问题的快速解决方法
Apr 28 Javascript
JavaScript中关于for循环删除数组元素内容时出现的问题
Nov 21 Javascript
JS实现向iframe中表单传值的方法
Mar 24 Javascript
深入浅析AngularJS中的一次性数据绑定 (bindonce)
May 11 Javascript
js+html5实现复制文字按钮
Jul 15 Javascript
Vue之Mixins(混入)的使用方法
Sep 24 Javascript
vue本地构建热更新卡顿的问题“75 advanced module optimization”完美解决方案
Aug 05 Vue.js
Bootstrap打造一个左侧折叠菜单的系统模板(一)
May 17 #Javascript
Bootstrap打造一个左侧折叠菜单的系统模板(二)
May 17 #Javascript
JS和jQuery使用submit方法无法提交表单的原因分析及解决办法
May 17 #Javascript
如何利用Promises编写更优雅的JavaScript代码
May 17 #Javascript
JavaScript实现设计模式中的单例模式的一些技巧总结
May 17 #Javascript
使用Promise解决多层异步调用的简单学习心得
May 17 #Javascript
js字符串截取函数slice、substring和substr的比较
May 17 #Javascript
You might like
兼容PHP5的PHP目录管理函数库
2008/07/10 PHP
PhpMyAdmin中无法导入sql文件的解决办法
2010/01/08 PHP
POSIX 风格和兼容 Perl 风格两种正则表达式主要函数的类比(preg_match, preg_replace, ereg, ereg_replace)
2010/10/12 PHP
php通过文件流方式复制文件的方法
2015/03/13 PHP
windows server 2008/2012安装php iis7 mysql环境搭建教程
2016/06/30 PHP
Javascript 圆角div的实现代码
2009/10/15 Javascript
简单js代码实现selece二级联动(推荐)
2014/02/18 Javascript
javascript如何使用bind指定接收者
2014/05/04 Javascript
javascript实现超炫的向上滑行菜单实例
2015/08/03 Javascript
使用JS实现图片展示瀑布流效果(简单实例)
2016/09/06 Javascript
JS实现六边形3D拖拽翻转效果的方法
2016/09/11 Javascript
几行js代码实现自适应
2017/02/24 Javascript
如何利用@angular/cli V6.0直接开发PWA应用详解
2018/05/06 Javascript
Angular 2使用路由自定义弹出组件toast操作示例
2019/05/10 Javascript
jquery validate 实现动态增加/删除验证规则操作示例
2019/10/28 jQuery
原生javascript单例模式的应用实例分析
2020/02/23 Javascript
[08:47]DOTA2每周TOP10 精彩击杀集锦vol.6
2014/06/25 DOTA
Python标准库与第三方库详解
2014/07/22 Python
Python中使用glob和rmtree删除目录子目录及所有文件的例子
2014/11/21 Python
python基础教程之分支、循环简单用法
2016/06/16 Python
python学习之面向对象【入门初级篇】
2017/01/21 Python
Linux下多个Python版本安装教程
2018/08/15 Python
Python设计模式之外观模式实例详解
2019/01/17 Python
PyQt5响应回车事件的方法
2019/06/25 Python
Python实现 PS 图像调整中的亮度调整
2019/06/28 Python
Python异常模块traceback用法实例分析
2019/10/22 Python
python离线安装外部依赖包的实现
2020/02/13 Python
python中time.ctime()实例用法
2021/02/03 Python
Python使用Turtle模块绘制国旗的方法示例
2021/02/28 Python
Tommy Hilfiger美国官网:美国高端休闲领导品牌
2019/01/14 全球购物
应聘收银员个人的求职信
2013/11/30 职场文书
同志主要表现材料
2014/08/21 职场文书
庆祝儿童节标语
2014/10/09 职场文书
信用卡工作证明范本
2015/06/19 职场文书
《最后一头战象》读后感:动物也有感情
2020/01/02 职场文书
SQL基础的查询语句
2021/11/11 MySQL