使用layUI弹出输入框并收集输入框信息
在做后台系统时有时候会做审批不通过的功能,需要弹出输入框收集不通过的原因。效果如下:
实现代码如下:
layer.prompt({formType: 0,value: '',title: '请输入审核不通过原因',btn: ['确定','取消'], //按钮,btnAlign: 'c'}, function(value,index){layer.close(index);//执行审批不通过的内容 此时获取到的数据为value......});
使用layUI弹出输入框并收集输入框信息相关推荐
- 解决Android软键盘弹出覆盖h5页面输入框问题 // 在ios系统中输入框软键盘消失后,页面不回弹的问题 // 解决苹果不回弹页面 // 微信环境打开
//解决Android软键盘弹出覆盖h5页面输入框问题 window.addEventListener('resize', () => {if (document.activeElement.t ...
- layui弹出层的表单验证
这里写自定义目录标题 layui弹出层form表单自带的验证不执行 废话少说放代码 接下来如何让弹出层执行form验证规则 但是这个提交并不完整依旧有问题,只是部分验证有用,表单验证没有验证数据直接提 ...
- js layui 弹出子窗体_Layui中JS实现弹出层的应用
点我 //弹出一个页面层 var oBtn = document.getElementById('tab_1'); oBtn.onclick = function (){ layer.open({ t ...
- 模拟layui弹出层
以前觉得自己手写一个类似layui的弹出层是挺遥远的事,因为完全没有头绪,即便在layui官网知道layui使用的都是C3动画 之前试过控制width:0;height:0来做动画,结果惨不忍睹,直到 ...
- layui弹出层:使用icon图标小结
文章目录 layui弹出层:icon图标小结 表格示下: 调用代码 · 效果图 · 示下: layui弹出层:icon图标小结 layui的弹框插件layer中,有很多不同场景需要的弹框icon图标, ...
- layui弹出层:皮肤扩展(文档解读)
layui弹出层:皮肤扩展(文档解读) layui弹出层:样式自定义 官方文档:https://layer.layui.com/ 皮肤扩展 · 官方教程: 官方文档:https://layer.lay ...
- layui弹出层:倒计时后自动关闭(含代码、案例)
layui弹出层:倒计时后自动关闭(含代码.案例) 问题描述: 如何设定倒计时? 如何在自动倒计时结束后关闭弹框: 如何自定义"按钮文字"文案: 如何在关闭后,执行函数事件: 如何 ...
- php layui弹出修改功能,非常好用的弹出层 layer,常用功能demo,快速上手!
功能强大,实用,操作方便,文档齐全. 参数灵活,丰富.可以作为开发项目的公共模块,多处使用. 老文档地址:http://layer.layui.com/api.html 已经停止维护 常用功能代码de ...
- layui弹出层之layer.open弹出iframe窗口·
layui弹出层之layer.open弹出iframe窗口· layer.open弹出iframe窗口 [1]该功能为案例,弹出iframe窗口显示上传数据 由于layui的弹出层每次执行layer. ...
- 如何更改layui弹出层样式
首先引入插件: js: <script src="./layui/src/layui.js"></script> 然后设置layui弹出层内容: layer ...
最新文章
- 上海交大发布「人类行为理解引擎」:深度学习+符号推理,AI逐帧理解大片中每个动作...
- P3373 【模板】线段树 2 (未完待续)
- jieba库的使用和好看的词元
- 在 GridView 控件中添加一列复选框51
- Verilog定义计算位宽的函数clogb2
- 漫步微积分十九——牛顿法解方程
- 【转】Pro Android学习笔记(一):Android 平台 2013.6.4
- python实战代码目录信息
- 一文了解SG2525AN
- 软件测试期末试题及答案(史上最全)
- 城市聚焦:全球十二大性感之城
- 计算机应用研究 增刊,计算机应用研究增刊是核心吗_计算机研究应用_计算机应用...
- oracle查询日期当天,oracle获取今天时间数据
- python支付宝二维码支付源代码
- android对输入手机号码震动,手机卫士输入框抖动和手机震动效果的实现
- 【Python模块】matplotlib 柱状图
- Android-Socket传输 GPRS网络
- Chapter7 机器人导航仿真(Ⅰ)----导航实现
- 软文网络推广的几个写作技巧
- c语言乘法口诀金字塔,Scala编写的打印乘法口诀和金字塔