关于如何在submit按钮提交前设置异步方法控制是否提交
程序员文章站
2024-01-22 15:58:28
...
需求:最近有一个需求,就是在文件下载前,先弹出提示框,提示即将下载文件的大小等信息。用户根据提示信息的实际需要,选择确定或者取消。
问题:下载按钮使用submit类型,点击后,没有办法可以捕捉submit按钮在提交之前的事件。也就是说,直接处理,没办法通过异步查询返回提示内容给用户选择。
解决:通过在页面上隐藏原submit下载按钮,重新增加一个button类型按钮,通过点击button类型按钮,异步提交参数并返回需要下载文件的大小等信息供用户选择。在用户选择确定后,代码设置原submit按钮的click()事件提交整个form,并获取到下载文件。
总结:整个思路就是隐藏submit类型按钮,将与用户交互的行为交给button类型按钮,在异步操作后,再根据需要选择是否点击submit类型按钮,这样就等于间接控制了如何在submit按钮提交前设置异步方法控制是否提交。
上一篇: 《了不起的Node.js 将JavaScript进行到底》试读心得
下一篇: 将博客搬至CSDN