`

form的onsubmit事件中通过ajax提交表单弹出下载的问题

阅读更多

今天在弄一个ajax提交表单的功能,发现在form上写了onsubmit属性,指向的js方法中用jquery的$.ajax()方法提交表单。

问题:发现总是弹出提示下载。在火狐中调试的时候发现提交了两次。

分析:如果在onsubmit中不return false的话,onsubmit不会阻止表单提交事件,所以表单正常提交了一次,我又通过ajax方法提交了一次,导致问题的出现。

解决:在form的onsubmit属性对应的js方法前面加上return,然后在js方法里return false;就可以阻止默认的表单提交事件了。

例子:

<form method="post" action="xxx.do" onsubmit="return subForm(this);">

</form>

function subForm(){

    $.ajax(...);

    return false;//返回false,阻止表单提交

}

分享到:
评论

相关推荐

    submit表单提交,onsubmit验证拦截

    submit表单提交,onsubmit验证拦截 免去了用button按钮click点击事件ajax请求

    jQuery EasyUI API 中文文档 – Form表单

    使 form 成为 ajax 提交的 form 。 代码如下: $(‘#ff’).form({ url:…, onSubmit: function(){ // 做某些检查 // 返回 false 来阻止提交 }, success:function(data){ alert&#40;data&#41; } }); // 提交 form $...

    Yii框架表单提交验证功能分析

    本文实例讲述了Yii框架表单提交验证功能。分享给大家供大家参考,具体如下: 一、前端提交的三种方式 前面已经提出,表单提交一共只有三种方式。 1. 前端原生html (1)原生html标签 首先,直接使用html标签的input,...

    阻止表单提交按钮多次提交的完美解决方法

    如果表单是通过onsubmit进行Ajax提交,注意将表单提交按钮input type属性设为button,尽量不要设置为submit类型。 另外,在提交事件发出后,最好将提交按钮设置为disabled,防止由于网络延时问题,让用户有机会进行...

    google-form:简单的AJAX请求即可将数据发布到Google表单

    简单的AJAX请求即可将数据发布到Google表单。 如何使用 在Google驱动器中创建一个表单。 将表单URL复制到/edit 。 使用URL作为HTML中form的action属性: &lt; form method =" POST " action =" ...

    不同浏览器对回车提交表单的处理办法

    (注释1) 所以,如果要控制提交行为的话(比如,提交前检查必填项是否已填),可以在type=”submit”的“input”后添加Javascript“onXXX(比如onClick)”事件。而如果需要用异步交互来检测相关字段,则无效了。...

    JavaScript详解(第2版)

     13.6.6 表单和onSubmit事件处理函数   13.6.7 HTML事件处理函数和JavaScript事件方法   13.6.8 onError事件   13.7 event对象   13.7.1 捕获和冒泡(滴漏和冒泡)   13.7.2 事件对象属性   13.7.3...

    通用FormValid1.0-js验证框架

    使用方法:在要验证的表单(form)中加上 onsubmit="return validator(this)" 在要验证的表单元件中设置元件,valid(验证规则),errmsg(提示消息),多个验证使用|作为分隔! 验证规则参数: required 必填 eqaul ...

    JavaScript完全自学宝典 源代码

    1.1.html 用JavaScript开发的弹出式“Hello World”实例。 1.2.html 在页面中输出的“Hello World”。 1.3.html 使用JavaScript进行文本框值的判断。 1.4.html 使用JavaScript对网页中的内容进行...

    书籍:一个Java网络课程期末实训小项目,详细介绍见readme文件

    网上书城项目答辩 主要技术 关键字:JSP,servlet,Ajax,... form method = " post " action = " RegisterServlet " onsubmit = " return checkRegister() " &gt; 用 户 名: &lt; dd&gt;&lt; input class = " inp

    python入门到高级全栈工程师培训 第3期 附课件代码

    02 js之onsubmit事件与组织事件外延 03 DOM节点的增删改查与属性设值 04 正反选练习 05 js练习之二级联动 06 jquery以及jquery对象介绍 07 jquery选择器 08 jquery的查找筛选器 09 jquery练习之左侧菜单 第44章 01...

Global site tag (gtag.js) - Google Analytics