layui 弹出层type=2无法正常验证问题 parent.layer.open({ type: 2, 其他type类型也一样适用

花了一个小时解决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>

 

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值