在jquery中使用$(＂#form＂).submit() 重写提交表单时不起作用

最新推荐文章于 2020-11-24 19:20:56 发布
最新推荐文章于 2020-11-24 19:20:56 发布
阅读量2.3k 收藏
点赞数
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/JiaLiSOFTWARE/article/details/8710711
版权

问题：

最近使用 jqeury 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。

分析：

通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。

原因：

很诡异，因为我的提交表单按钮名字是submit。改掉就好了。

<input id="submit" type="submit" class="btn pull-left" value="登录">

JiaLiSOFTWARE
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
表单Form的submit事件不响应的解决方法
12-10
一、问题描述 类比一下，我用input.select()做了测试，却能响应select事件。这个原因先放一边，我们看看先怎么把眼下的问题解决了。 不响应事件的代码示例： [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行] 实际运行，不会有alert出来。 虽然用submit方法来提交表单有违Unobtrustive Javascript的原则，但有时候不得不用，比如做搜索提示（auto-complete)选中Item之后就需要用JS来提交搜索表单。 二、问题分析 既然本身不响应事件，那只有手工触发这些事件了，确定手工触发方案之前先回顾一下事件的注册方式： “原始”的注册方式有两
jquery中使用$(#form).submit()提交表单无效原因分析及解决Script
weixin_30950607的博客
11-19 2045
今天写了一个表单验证，验证的时候没有任何问题，但是页面提交不了，很诡异，然后各种百度，查了一下的原因是input的id不能为submit 注意：提交表单的时候，input的id不能为submit <dl> 　　<dd> 　　<label>角色名称：</label> <input type="text"...
改写Form的submit
weixin_30872789的博客
01-15 152
表单的一些应用常识： 1.在用户第一次提交完表单后应防止用户不耐烦而多次点击submit按钮，需要在onsubmit事件中制止用户的重复行为。 2.不要简单粗暴的用reset()重置表单，如果用户不想填写可以给他一个返回上一页面的按钮，让其离开。 3.通过触发阻止onsubmit事件的默认行为就可以阻止用户表单的提交。 4.能够在用户输入完一个内容后焦点自动跳到下一个内容。 5...
在jquery中使用$("#form").submit() 重写提交表单时不起作用
jinnianshilongnian的专栏
03-23 1245
问题： 最近使用 jquery 的 validationEngine 做ajax校验，当表单中的最后一个字段需要做ajax验证时，此时在字段输入完毕后点击回车提交表单时不起作用，必须再按一次/点击submit按钮。   分析： 通过个跟踪其源代码，最终发现ajax验证成功后也再次submit了表单，但还是不能真正提交表单。   原因： 很诡异，因为我的提交表单按钮名字是submi...
python网页提交表单_form表单提交方式
weixin_39994461的博客
11-24 305
如果通过form表单提交请求服务端去下载文件，这时当前页面不会发生跳转，服务端返回void，通过response 去写文件数据，页面会显示下载文件。@RequestMapping(value = "/url")public void exportFile(HttpServletRequest req, HttpServletResponse response, String rptId)throw...
jquery form submit提交后无反应 不报错
weixin_30650859的博客
07-29 703
jquery form onSubmit默认返回false 因为页面添加了validate验证，在刷新页面后重新提交需要加上下一行代码 onSubmit:function() {return true;} 转载于:https://www.cnblogs.com/miraclesakura/p/3875780.html...
如何解决Form表单的重复提交
沈颖的家
10-01 3800
以前在做居民信息管理系统时出现过一个非常严重的问题，在添加居民信息，每刷新一次就会数据库中就会重复提交一次。这个问题很让人头疼，正好最近有一次面试，也被提问到此问题了，故在网上搜了一些这方面的文章。供交流学习之用。  三种方案javascript ，设置一个变量，只允许提交一次。　  var checkSubmitFlg = false;  funct
document.forms[].submit()使用介绍
奔跑的蜗牛
09-14 1万+
document.forms['exportServlet'].submit();     （1）document.forms：表示获取当前页面的所有表单     （2）document.forms[0]：表示获取当前页面的第一个表单     （3）document.forms['exportServlet']：表示获取当前页面的name="exportServlet"的表单     （4
jquery中使用$(#form).submit()重写提交表单无效原因分析及解决
10-27
jqeury的validationEngine做ajax校验，当表单中的最后一个字段需要做ajax验证,在字段输入完毕后点击回车提交表单时不起作用，接下来为大家介绍下解决方法感兴趣的各位可以参考下哈
jquery 的 $("#id").html() 无内容的解决方法
10-29
今天在做一个输入用到jquery的.html方法，可是用.html（）输不出来
jquery中$(#form :input)与$(#form input)的区别
01-19
$(“form :input”) 返回form中的所有表单对象，包括textarea、select、button等 $(“form input”)返回form中的所有input标签对象 form input 是属于层级选择器(将每一个选择器匹配到的元素合并后一起返回) form :...
jQuery中$.click()无效问题分析
12-09
今天做表格前台导出到xls时，想自动触发a的点击。但失败。最后找到这个文件。 我尝试过多次用jQuery模拟用户点击a标签的功能，但都没有成功，并且困扰了很久。前段时间的一次发呆，冒出了新的想法，于是就动手进行了...
jquery submit()不能提交表单的解决方法
wcqlwyt的博客
06-18 1567
&lt;form id="form" method="get"&gt; &lt;input type="text" name="q" value="设计蜂巢"/&
form表单重置
热门推荐
平头哥(Adger)的博客
01-16 3万+
方式一： 方式二： function formReset() { document.getElementById("myForm").reset() } 在下面的文本框中输入一些文本，然后点击重置按钮就可以重置表单。 姓名： 年龄：
form 的submit提交没有反应
ziyouniao719672119的专栏
04-18 8003
搞了一天，submit提交就是没有反应，原来是标签用错了。 做如下修改后，即可正常提交 submit。原因是 是属于jsf框架的标签，通过来提交表单，是属于html的标签，通过  type=submit 来提交表单。
$(“#form“).submit()不起作用
Elizabeth_r的博客
04-26 2473
form表单 function里面用$(#form).submit失灵, 改成这种的就行了:varform=document.getElementById("form"); form.submit(); 原因：$("#form").submit()会去执行你定义在标记中的onsubmit="returnfasle" 而document.getElement...
IE6下采用jquery的$("#form").submit()方法提交表单失效
chuzhenbin的专栏
03-13 5696
转自:http://www.zds.name/jquery/ie6-form-submit/   IE6下采用jquery的$("#form").submit()方法按照如下方式提交表单无效 function btnQuery(){ var objSearchForm = $("#searchForm"); objSearchForm.attr("action",
$("form").submit()与$("form").submit(function(){ return true })的区别！
qq_38650613的博客
06-13 7310
$("form").submit()：一般用于网页中,最简单的提交。也就是说只会提交当前网页表单中存在的数据       而$("form").submit(function(){ return true })算是有JQuery脚本包装的表单提交。当返回ture时,则代表提交表单。当然,这只是其中之一的功能，今天才了解到还有另外一个功能。那就是提交缓存功能。      因为要使用kindedito...
Java-GUI介绍和使用
最新发布
04-18
GUI API包含的类分为三个部分:组件类(component class) 容器类(container class),和辅助类(helper class) 1. 组件类是用来创建用户图形界面的,例如JButton,JLabel,JTextField. 2. 容器类是用来包含其他组件的,例如JFrame,JPanel 3. 辅助类是用来支持GUI组件的,例如Color,Font
$("#logint").click(function () { var uname=$("#uname").value() var upwd=$("#upwd").value() }); function isEmpty(str) { if(isEmpty(uname)) { $("#msg").html("用户名不能为空!") } if (isEmpty(upwd)){ $("#msg").html("用户密码不能为空!") } $("#loginForm").submit(); return; }哪里有错
05-29
在这段代码中，`$("#uname").value()`和`$("#upwd").value()`应该改为`$("#uname").val()`和`$("#upwd").val()`，因为`val()`方法可以获取表单元素的值，而`value()`方法在jQuery中是不存在的，这可能导致代码运行出错。此外，`isEmpty()`函数中应该使用`else if`语句，否则两个错误提示信息都可能被输出。以下是修改后的代码： ``` $("#logint").click(function () { var uname = $("#uname").val(); var upwd = $("#upwd").val(); isEmpty(uname, upwd); }); function isEmpty(uname, upwd) { if (uname === '') { $("#msg").html("用户名不能为空!"); } else if (upwd === '') { $("#msg").html("用户密码不能为空!"); } else { $("#loginForm").submit(); } } ```

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值