`

关于如何在submit按钮提交前设置异步方法控制是否提交

 
阅读更多

       需求:最近有一个需求,就是在文件下载前,先弹出提示框,提示即将下载文件的大小等信息。用户根据提示信息的实际需要,选择确定或者取消。

       问题:下载按钮使用submit类型,点击后,没有办法可以捕捉submit按钮在提交之前的事件。也就是说,直接处理,没办法通过异步查询返回提示内容给用户选择。

       解决:通过在页面上隐藏原submit下载按钮,重新增加一个button类型按钮,通过点击button类型按钮,异步提交参数并返回需要下载文件的大小等信息供用户选择。在用户选择确定后,代码设置原submit按钮的click()事件提交整个form,并获取到下载文件。

       总结:整个思路就是隐藏submit类型按钮,将与用户交互的行为交给button类型按钮,在异步操作后,再根据需要选择是否点击submit类型按钮,这样就等于间接控制了如何在submit按钮提交前设置异步方法控制是否提交。

分享到:
评论

相关推荐

    JS和jQuery使用submit方法无法提交表单的原因分析及解决办法

    昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题...

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

    昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题...

    Vue form 表单提交+ajax异步请求+分页效果

    废话不多说了,直接给大家贴代码了,具体代码如下所示: <!...<... <...异步参数上传</title> <link rel=stylesheet type=text/css href=${ctx }/css/bootstrap.min.css rel=externa

    AJAX避免用户重复提交请求实现方案

    在使用AJAX(jQuery)异步请求数据时,为了避免因某些原因用户同时多次点击按钮,提交重复的请求,我们需要禁用请求提交按钮。 重点:jQuery的 attr 和 removeAttr 两个函数,主要是元素button的disabled属性。 Demo:...

    Ajax-yii2-ajax-submit-button.zip

    Ajax-yii2-ajax-submit-button.zip,yii 1为yii 2提供的旧的好ajax提交按钮,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不...

    AJAX使用场景分析

    1.表单驱动的交互  传统的表单提交,在文本框输入内容后,点击按钮,后台处理完毕后,页面刷新...使用Ajax,在点击submit按钮后,立刻进行异步处理,并在页面上快速显示了更新后的结果,这里没有整个页面刷新的问题。

    HTML5 form标签之解放表单验证、增加文件上传、集成拖放的使用方法

    新增属性 个人理解 ...点评:该功能解决了...formmethod指定各按钮提交方式 placehoder 该属性非常有用,用于文本框中显示提示信息,非常有用的一属性 list list属性需要与datalist一同使用,相当于

    layui清空,重置表单数据的实例

    最近在使用layui框架,在页面进行表单数据提交后,要是页面表单数据清空,依是有下面方法 表单: <form class="layui-form" action="" lay-filter="addGoodsForm" id="addGoodsForm"> 主题内容 </form&gt...

    ExtAspNet v2.2.1 (2009-4-1) 值得一看

    -在2009-03-03 v1.3.0曾经提到这个兼容问题,并有这样的规则,如果Asp.net的按钮AJAX提交,必须设置UseSubmitBehavior="false" --也就是说生成的input的type不能是"submit",而这个限制在有些情况下是不可原谅的...

    绝对好用的jquery表单全自动验证插件

    本人自己开发的jquery表单验证控件! 使用方便,样式美观,完全开源。...btnsubmit:可选 指定一个绑定提交事件的控件ID,如一个普通按钮或一个超链接,表单中的submit依然有效 其它具体使用方法,请参阅demo文件!

    ExtAspNet_v2.3.2_dll

    -Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...

    ajax简介_动力节点Java学院整理

    如果仔细观察一个Form的提交,你就会发现,一旦用户点击“Submit”按钮,表单开始提交,浏览器就会刷新页面,然后在新页面里告诉你操作是成功了还是失败了。如果不幸由于网络太慢或者其他原因,就会得到一个404页面...

    大名鼎鼎的IBM公司 Ajax 培训资料

    在一般的 Web 应用程序中,用户填写表单字段并单击 Submit 按钮。然后整个表单发送到服务器,服 务器将它转发给处理表单的脚本(通常是 PHP 或 Java,也可能是 CGI 进程或者类似的东西),脚本执 行完成后再发送回...

Global site tag (gtag.js) - Google Analytics