Layui弹出框确定按钮自定义验证规则及监听提交

最新推荐文章于 2023-03-11 19:11:46 发布
VIP文章 最新推荐文章于 2023-03-11 19:11:46 发布
阅读量2.5k 收藏 2
点赞数 1
分类专栏： js layui
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_43596905/article/details/105964780
版权 
//1.form表单
<div class="xd-temp-container layui-form layui-row have-must form">
		<div class="item" style="display: none">
			<label class="layui-form-label">编号：</label>
			<div class="layui-input-block">
				<input type="text" id="otherId" name="otherId" autocomplete="off" class="layui-input" maxlength="20" placeholder="请输入">
			</div>
		</div>
		<div class="item">
			<label class="layui-form-label">编号：</label>
			<div class="layui-input-block">
				<input type="text"  autocomplete="off"  id="otherBh" name="otherBh"  class="layui-input" maxlength="20" placeholder="请输入">
			</div>
		</div>
		<div class
最低0.47元/天 解锁文章
爱智慧的打工人
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Layui 带多选框表格监听事件以及按钮自动点击写法实例
10-16
今天小编就为大家分享一篇Layui 带多选框表格监听事件以及按钮自动点击写法实例，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui form 图片按钮 监听表单提交
amberom的专栏
12-31 355
<form class="layui-form" id="search" action="" method="GET"> <img src="test.png" alt="搜索" lay-submit="" lay-filter="submitBtn"> </form> <script> layui.use(['layer', 'form', 'layedit', 'element', 'laydate'], function(){ ...
layui 审核按钮 及 代码实现
FairyHe的博客
12-31 2653
今天要写的是layui表单审核及代码实现 我对layui 真是又爱又恨 学不完的layui 首先明确自己的功能需求，我的后台管理主要是把审核修改状态，根据这个需求只需要些一个 修改状态的代码。 其余的就是layui实现功能了。 html 我的html 里面写的script 因为在js里写了自定义 <script type="text/html" id="statusTpl"> {{d.statusStr}} {{# if(d.status == '0') { }}
layui之form表单监听提交
守护大白菜的博客
07-01 3396
要想使用layui的form表单提交监听事件,需要给form标签增加禁止自动提交的属性onsubmit="return false; <form class="layui-form" action="" onsubmit="return false;"> <div class="layui-form-item"> <div class="layui-input-block"> <button type="submit" .
layui常用审核弹窗
淮右布衣的博客
06-22 1634
var str = `<div> <div style='font-weight: bold;color: #999;font-size: 16px'>工时审核</div> <div style="margin-top: 15px"><span class="label">是否通过：</span><div class="layui-inl
Layui的layer.confirm弹框用法，很详细
kt1776133839的博客
03-11 1万+
就将标题改为“操作提示”，效果是这样的layer.confirm('纳尼？', {title: "操作提示",btn: ['按钮一', '按钮二', '按钮三'] //可以无限个按钮//按钮【按钮三】的回调//按钮【按钮一】的回调//按钮【按钮二】的回调});可以通过“btnAlign”参数定义弹框按钮的位置，“btnAlign”参数值有：l（左对齐）、c（居中对齐）、r （右对齐）,默认是r（右对齐），为了演示明显，这里只用一个按钮演示。
layui监听当前页_layui 数据表格 点击分页按钮 监听事件的实例
weixin_39794734的博客
12-22 2949
找了 很多 关于表格分页 点击事件 请求， table.render 并不支持监听点击事件,所以我就把 table.render 和 laypage.render结合在一起(我也不想写分页的，但是后台讲数据多 ，要加分页，被逼无奈 ，想了一个方法)先上图代码.html.js//页面第一次请求 默认 1页 10条function dataLists(pageNum, numPerPage) {$.p...
layui工具栏按钮监听事件
weixin_44588946的博客
06-09 1万+
layui工具栏按钮监听事件
Layui框架form模块的事件监听
chen2745213271的博客
08-18 2987
这次将介绍layui框架里form模块的功能，该功能名为事件监听，事件监听可分为多个不同的事件，分别如下。. 1.监听select选择（如果监听到的select下拉框被选择使用时就会触发该事件） 2.监听checkbox复选（如果监听到的checkbox复选框被选中使用时就会触发该事件） 3.监听switch开关（如果监听到的switch开关按钮被使用时就会触发该事件） 4.监听radio单选（如果监听到的radio单选框被选中使用时就会触发该事件） 5.监听submit提交（如果监听到的表单的按
layui按钮监听事件-弹出层
热门推荐
test
03-22 1万+
备忘, 需要先引入对应的js和css文件 <bottom class="layui-btn" onclick="test1()">弹出层</bottom> <script type="text/javascript"> function test1(){ layui.use('layer', function(){ var layer ...
layui 监听表格复选框选中值的方法
10-18
今天小编就为大家分享一篇layui 监听表格复选框选中值的方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
layui button 按钮弹出提示窗口,确定才进行的方法
01-19
如下所示： <button lay-id={$id} class='layui-btn layui-...以上这篇layui button 按钮弹出提示窗口,确定才进行的方法就是小编分享给大家的全部内容了，希望能给大家一个参考，也希望大家多多支持软件开发网。
在layui中layer弹出层点击事件无效的解决方法
10-16
今天小编就为大家分享一篇在layui中layer弹出层点击事件无效的解决方法，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
js 时分秒比较大小
淮右布衣的博客
01-13 5951
////如果time2大于time1 返回true 否则 返回false function compareTime(time1,time2) { if(time_to_sec(time2)-time_to_sec(time1)>0){ return true; } return false; } //将时分秒转为时间戳 function time_to_sec(time) { if (tim.
js 正则匹配数字，逗号分隔
淮右布衣的博客
11-07 5856
var str = ‘123,125,236,123,34568‘; var reg = /^(\d+,?)+$/; console.log(reg.test(str)); if(reg.test(str)){ console.log("输入合法"); }else{ console.log("输入bu合法"); }
js 去除日期月份前的0
淮右布衣的博客
07-08 3893
// 去除0 参数 日期 如 2020-07-08 返回为 2020-7-8 dislodgeZero(str) { let strArray = str.split("-"); strArray = strArray.map(function(val) { if (val[0] == "0") { return (val = val.slice(1)); } else { return va...
解决layuimini 切换页面 数据不刷新问题
淮右布衣的博客
10-22 3047
问题描述 使用的layuimini后台模板，第一次点击左侧菜单栏的时候会刷新页面，然后切换别的菜单之后，再次点击原页面，页面不会刷新，例如当我每成功审核一条数据，跳转到审核历史页面，应该能看到刚才审核的那条数据，但是现在却要每次手动刷新之后，才能看到刚才审核的那条数据。= 解决方案 利用HTML5的storage事件 当同源页面的某个页面修改了localStorage，其余的同源页面只要注册了storage事件，就会触发” 所以，localStorage 的例子运行需要如下条件： 同一浏览器打开了两个同源
js 年份选择器和月份选择器
淮右布衣的博客
07-21 2811
// 加载年份选择器 function loadYearSel(){ //设置年份的选择 var myDate= new Date(); var startYear=myDate.getFullYear()-50;//起始年份 var endYear=myDate.getFullYear()+50;//结束年份 var obj=document.getElementById('year') for (va
js 获取日期区间内的所有日期
淮右布衣的博客
07-29 2728
function getAll(begin, end) { //返回 日期的数组 如 ['2020-07-10','2020-07-11'] var arr = []; var ab = begin.split("-"); var ae = end.split("-"); var db = new Date(); db.setUTCFullYear(ab[0], ab[1] - 1, ab[2]); var de
layui 获取弹出框确定按钮对象
最新发布
09-30
如果我们想要获取 Layui 弹出框中的确定按钮对象，可以通过以下步骤实现： 1. 引入 Layui 的相关文件：在 HTML 页面中引入 Layui 的 CSS 和 JS 文件，确保 Layui 的相关资源能够被正常加载和运行。 2. 创建弹出框...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值