需求:最近有一个需求,就是在文件下载前,先弹出提示框,提示即将下载文件的大小等信息。用户根据提示信息的实际需要,选择确定或者取消。
问题:下载按钮使用submit类型,点击后,没有办法可以捕捉submit按钮在提交之前的事件。也就是说,直接处理,没办法通过异步查询返回提示内容给用户选择。
解决:通过在页面上隐藏原submit下载按钮,重新增加一个button类型按钮,通过点击button类型按钮,异步提交参数并返回需要下载文件的大小等信息供用户选择。在用户选择确定后,代码设置原submit按钮的click()事件提交整个form,并获取到下载文件。
总结:整个思路就是隐藏submit类型按钮,将与用户交互的行为交给button类型按钮,在异步操作后,再根据需要选择是否点击submit类型按钮,这样就等于间接控制了如何在submit按钮提交前设置异步方法控制是否提交。
相关推荐
昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题...
昨天,在做一个表单异步提交内容的时候,遇到很奇怪的问题,submit()方法无法进行提交,每次提交都是把 当前给刷新了,网络抓包发现,每次都是 get方式去获取 当前页面,完全没有post 请求,想着以前 遇上这样的问题...
废话不多说了,直接给大家贴代码了,具体代码如下所示: <!...<... <...异步参数上传</title> <link rel=stylesheet type=text/css href=${ctx }/css/bootstrap.min.css rel=externa
在使用AJAX(jQuery)异步请求数据时,为了避免因某些原因用户同时多次点击按钮,提交重复的请求,我们需要禁用请求提交按钮。 重点:jQuery的 attr 和 removeAttr 两个函数,主要是元素button的disabled属性。 Demo:...
Ajax-yii2-ajax-submit-button.zip,yii 1为yii 2提供的旧的好ajax提交按钮,ajax代表异步javascript和xml。它是多种web技术的集合,包括html、css、json、xml和javascript。它用于创建动态网页,其中网页的小部分在不...
1.表单驱动的交互 传统的表单提交,在文本框输入内容后,点击按钮,后台处理完毕后,页面刷新...使用Ajax,在点击submit按钮后,立刻进行异步处理,并在页面上快速显示了更新后的结果,这里没有整个页面刷新的问题。
新增属性 个人理解 ...点评:该功能解决了...formmethod指定各按钮提交方式 placehoder 该属性非常有用,用于文本框中显示提示信息,非常有用的一属性 list list属性需要与datalist一同使用,相当于
最近在使用layui框架,在页面进行表单数据提交后,要是页面表单数据清空,依是有下面方法 表单: <form class="layui-form" action="" lay-filter="addGoodsForm" id="addGoodsForm"> 主题内容 </form>...
-在2009-03-03 v1.3.0曾经提到这个兼容问题,并有这样的规则,如果Asp.net的按钮AJAX提交,必须设置UseSubmitBehavior="false" --也就是说生成的input的type不能是"submit",而这个限制在有些情况下是不可原谅的...
本人自己开发的jquery表单验证控件! 使用方便,样式美观,完全开源。...btnsubmit:可选 指定一个绑定提交事件的控件ID,如一个普通按钮或一个超链接,表单中的submit依然有效 其它具体使用方法,请参阅demo文件!
-Button控件将不再自动拥有display:inline属性,如果希望两个按钮在一行显示,请为第一个按钮设置CssStyle="float:left;"属性。 -修正了弹出菜单的位置在Firefox下不正确的BUG(feedback:eroach)。 -为TriggerBox...
如果仔细观察一个Form的提交,你就会发现,一旦用户点击“Submit”按钮,表单开始提交,浏览器就会刷新页面,然后在新页面里告诉你操作是成功了还是失败了。如果不幸由于网络太慢或者其他原因,就会得到一个404页面...
在一般的 Web 应用程序中,用户填写表单字段并单击 Submit 按钮。然后整个表单发送到服务器,服 务器将它转发给处理表单的脚本(通常是 PHP 或 Java,也可能是 CGI 进程或者类似的东西),脚本执 行完成后再发送回...