花了一个小时解决layui 弹出层type=2无法正常验证问题 。记录完整的解决方法 百分之百可以
感谢请喝奶茶
1 弹出层页面 按钮 隐藏掉
博主解决这个问题不易,请勿转载
//打开新增按钮 function openAdd() { parent.layer.open({ type: 2, title: '新增模型信息', shadeClose: false,//点击遮罩关闭 anim: public_anim, btnAlign: 'c', shade: public_shade,//是否有遮罩,可以设置成false maxmin: true, //开启最大化最小化按钮 // area: ['400px', '700px'], area: ['40%', '60%'], boolean: true, content: ['activiti/Modeler/ModelAdd.jsp', 'yes'], //iframe的url,no代表不显示滚动条 btn: ['确认', '关闭'] , yes: function (index, layero) { var body = $(layero).find("iframe")[0].contentWindow.document; var key = body.getElementById("key").value; var description = body.getElementById("description").value; var name = body.getElementById("name").value; var indexform = body.form; //获取弹出层页面的form对象 indexform[5].click();//确认按钮 console.log( indexform); if (name == "" || name == null || key == "" || key == null) { return false; } var modeldata = {'key': key, 'description': description, 'name': name}; AddModelDate(modeldata) parent.layer.close(index); //关闭当前弹层 } , btn2: function (index, layero) { } }); }
<form name="form" class="layui-form" enctype="multipart/form-data" style="margin-top: 20px;" method="post" action=""> <div class="layui-form-item"> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> <legend>基本信息</legend> </fieldset> <div class="layui-row"> <div class="layui-form-item "> <label class="layui-form-label" style="color:#F00">名称</label> <div class="layui-input-block"> <input type="text" name="name" id="name" lay-verify="required" maxlength="32" placeholder="请输入名称" autocomplete="off" class="layui-input"/> </div> </div> </div> <div class="layui-row"> <div class="layui-form-item "> <label class="layui-form-label" style="color:#F00">Key</label> <div class="layui-input-block"> <input type="text" name="key" id="key" lay-verify="required" maxlength="11" placeholder="请输入Key" autocomplete="off" class="layui-input"/> </div> </div> </div> <fieldset class="layui-elem-field layui-field-title" style="margin-top: 20px;"> <legend>其他信息</legend> </fieldset> <div class="layui-row"> <div class="layui-form-item "> <label class="layui-form-label">描述</label> <div class="layui-input-block"> <textarea placeholder="请输入描述" maxlength="500" autocomplete="off" class="layui-textarea" name="description" id="description"></textarea> </div> </div> </div> </div> <!-- 按钮组 --> <div class="layui-form-item" style="display: none"> <div class="layui-row" style="text-align: center"> <button class="layui-btn layui-btn-lg" lay-submit="" lay-filter="btnSubmit">立即提交</button> <button class="layui-btn layui-btn-lg layui-btn-primary" id="close">关闭</button> </div> </div> </form>