关于获取bootstrap中模态框中表单数据

首先贴图如下:

事件 描述 实例
show.bs.modal 在调用 show 方法后触发。
$('#identifier').on('show.bs.modal', function () { // 执行一些动作... })
shown.bs.modal 当模态框对用户可见时触发(将等待 CSS 过渡效果完成)。
$('#identifier').on('shown.bs.modal', function () { // 执行一些动作... })
hide.bs.modal 当调用 hide 实例方法时触发。
$('#identifier').on('hide.bs.modal', function () { // 执行一些动作... })
hidden.bs.modal 当模态框完全对用户隐藏时触发。
$('#identifier').on('hidden.bs.modal', function () { // 执行一些动作... })
最近做项目,碰到一个问题,当编辑某一行数据的file时,如果没有执行保存操作而仅仅是上传文件到浏览器,此时关闭模态框,当我编辑另一行数据(该行数据没有修改file)并上传服务器时,提交的file是第一次上传至浏览器的文件,而我想通过方法清楚file内容时发现modal处于隐藏状态时,无法获取其中file的值,因此造成数据混乱的问题,后来经过一系列测试,初步认为,当模态框关闭后,即处于隐藏状态时,应该时获取不到其中的表单数据,也就无法清空file值,因此设法在关闭模态框之前清空modal中的值,在网上翻阅了资料,应用了上图上第三个函数,即可在modal关闭之前清空表单数据


 $(function () { 
  $('#editModal').on('hide.bs.modal', function () {
  clearForm('edit_form');//清空表单方法,如果在模态框关闭后在调用该方法并没有用。
  })
 });


困扰了一天的问题解决了,,兴奋啊

当然无法获取隐藏modal框中的内容纯属个人臆测,如若不对,往广大网友指出,谢谢~

  • 3
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值