欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页

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

程序员文章站 2024-01-22 15:58:28
...

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

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

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

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