在前端layui框架下,保存按钮添加一个提示输入框,输入操作原因,解决自动关闭弹窗的问题

一、理想效果如下:

在这里插入图片描述

二、遇到的问题是:点击保存按钮弹窗会自动关闭,js代码:

在这里插入图片描述

js代码没有错,经过查找,最后将问题锁定在html页面,表单自动提交

三、查看html:

在这里插入图片描述

四、 解决自动关闭弹窗的方法就是在保存按钮中添加一个type类型,type=“button”,如下:

在这里插入图片描述

五、添加删除、修改确认输入备注信息提示框代码:

在这里插入图片描述

其中 text 为弹窗中用户输入的信息,传递到后台存储

layer.prompt({title: ‘请填写修改原因!’, formType: 2}, function(text, index) {
layer.close(index);
});

问题得到解决,以上为个人笔记,仅做参考

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值