当前位置:首页 > 编程教程 > jQuery技术文章 > jquery中使用$(#form).submit()重写提交表单无效原因分析及解决

解析jquery中使用$(#form).submit()重写提交表单无效原因

  • 发布时间:
  • 作者:码农之家
  • 点击:199

这篇文章主要知识点是关于jquery、submit()、的内容,如果大家想对相关知识点有系统深入的学习,可以参阅以下电子书

疯狂前端开发讲义:jQuery+AngularJS+Bootstrap前端开发实战
  • 类型:前端开发大小:131.7 MB格式:PDF作者:李刚
立即下载

jquery中使用$(#form).submit()重写提交表单无效原因分析及解决

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

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

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

 

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

 

以上就是本次给大家分享的关于java的全部知识点内容总结,大家还可以在下方相关文章里找到相关文章进一步学习,感谢大家的阅读和支持。

jQuery 相关电子书
学习笔记
网友NO.448923

JQuery与JS里submit()的区别示例介绍

ASP.NET 的服务器控件回发是使用这一段JS代码: var theForm = document.forms['form1']; if (!theForm) { theForm = document.form1; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } 今天遇到的问题是想在服务器端控件回发之前给其中一个隐藏域赋值,以给服务器传值。 于是就用JQuery的 submit([[data],fn]) 方法添加了一个事件,但发现不起作用。 我用 $("form:first").submit() 试了一下,发现能触发事件函数。 怎么回事呢?查了一下资料发现js的原生函数 void submit() 并不触发submit事件。这也是为什么上面那段代码里有 if (span !theForm.onsubmit || (theForm.onsubmit() != false/span)) { ... } 这句了。 于是把添加事件写成 $("form:first")span .get(0)/span.onsubmit = function () { ... }; 就可以啦。 另……

网友NO.607788

jquery submit()不能提交表单的解决方法

今天写表单提交的时候需要增加一个确认提示,所以没有使用submit按钮提交,改用jq的submit(),然后问题了 form class="form-horizontal m-t" method="post" action="@Url.Action("Edit")" id="form" div class="row" div class="col-sm-12" div class="ibox float-e-margins" div class="ibox-title" h5添加/h5 /div div class="ibox-content" div class="form-group" label class="col-sm-3 control-label"开始时间:/label div class="col-sm-8" span @(Model.annualRate_beginDate?.ToString("yyyy-MM-dd")) /span /div /div div class="form-group" label class="col-sm-3 control-label"结束时间:/label div class="col-sm-8" input type="text" class="form-control" name="annualRate_endDate" id="annualRate_endDate" onclick="laydate({ istime: false, format: 'YYYY-MM-DD' })" value="@Model.annualRate_endDate.ToString("yyyy-MM-dd")" required /div /div div class="form-group" label class="col-sm-3 control-label"年利息%:/label div class="col-sm-8" input type="number" step="0.01" cla……

网友NO.554130

jQuery使用ajaxSubmit()提交表单方法步骤

ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件。如下所示: script src=http://code.jquery.com/jquery-1.11.0.min.js/script script src=http://malsup.github.io/jquery.form.js/script 那么,如何通过ajaxSubmit(obj)提交数据呢?首先我们需要一个form: XHTML form 标题:input type=text name=title /br / 内容:textarea name=contenttextarea/br / button提交/button /form 上面是一个需要提交内容的form,通常情况下,我们直接通过form提交的话, 提交后当前页面跳转到form的action所指向的页面。然而,很多时候我们比不希望提交表单后页面跳转,那么,我们就可以使用ajaxSubmit(obj)来提交数据。使用方法如下所示: $(button).on(click, function() { $(form).on(submit, function() { var title = $(inpur[name=title]).val(), content = $(textarea).val(); $(this).ajaxSubmit({ type: post, // 提交方式 get/post url: your url……

<
1
>

Copyright 2018-2020 www.xz577.com 码农之家

版权投诉 / 书籍推广 / 赞助:520161757@qq.com