ifram 父页面的 【确定】按钮触发页面的form验证

已采纳
6 541
请问下,layer iframe 【确定】按钮在父页面,如何触发子页面的 form 验证事件
子页面没有 layui-btn 按钮 , 就一个 layui-form 表单

目前通过:
父页面:
,yes:function(index,layero){
var iframeWin = parent.parent.window[layero.find('iframe')[0]['name']]; // 重点0
var f = iframeWin.addUser(); // 能正常调用子页面的addUser方法,但却无法触发表单验证
}
子页面:
layui.use(['form', 'layedit', 'laydate'], function(){
var form = layui.form()
,layer = layui.layer
,layedit = layui.layedit
,laydate = layui.laydate;

form.verify({
name: function(value){
return '标题至少得5个字符啊';
}
});

//监听提交
form.on('submit(*)', function(data){
console.log(data.elem) //被执行事件的元素DOM对象,一般为button对象
console.log(data.form) //被执行提交的form对象,一般在存在form标签时才会返回
console.log(data.field) //当前容器的全部表单字段,名值对形式:{name: value}
return false; //阻止表单跳转。如果需要表单跳转,去掉这段即可。
});

});


function addUser(){
$("#myform").attr("action","url");
$("#myform").submit();
}

  • 天豆晓 天豆晓
    2017-01-12 17:04:07
    你在子页面做一个隐藏的
    <button class="layui-btn" lay-submit lay-filter="save" style="display: none;">
    然后
    function addUser(){
    $("#myform").attr("action","url");
    $('.layui-btn').click();
    }
    1 回复
  • chenug chenug
    2017-01-12 16:42:05
    自己顶!d=====( ̄▽ ̄*)
    0 回复
  • chenug chenug
    2017-01-12 16:46:41
    我顶顶顶!d=====( ̄▽ ̄*)
    0 回复
  • chenug chenug
    2017-01-12 17:10:17
    @天豆晓 就是不想这么干
    0 回复
  • chenug chenug
    2017-01-12 18:16:08
    在子页面添加
    <button id="submited" class="layui-btn" lay-submit lay-filter="go" style="display: none"></button>
    暂时使用:
    ,btn: ['确定', '关闭']
    ,yes:function(index,layero){
    var iframeWin = parent.parent.window[layero.find('iframe')[0]['name']]; // 重点0
    var submited = iframeWin.document.getElementById("submited");
    console.log(submited.click());
    }
    ,btn2: function(){
    layer.closeAll();
    }
    曲线救国 。。。
    0 回复
  • chenug chenug
    2017-01-12 18:23:44
    ,btn: ['确定', '关闭']
    ,yes:function(index,layero){
    var iframeWin = parent.parent.window[layero.find('iframe')[0]['name']]; // 重点0
    var submited = iframeWin.document.getElementById("submited");
    submited.click();
    //console.log(submited.click());
    }
    ,btn2: function(){
    layer.closeAll();
    }
    曲线救国,兼容IE8,

    O(∩_∩)O哈哈~
    0 回复
最近热帖
vip-admin Html v1.5.0 更新了 - 基于layui的后台模板 1309
meTools - 基于layui+vue的在线工具网站 916
基于layui的后台模板 - 反正我觉得我的界面是最漂亮的 800
你的案例或技术分享,将会被置顶推荐 758
一个为您省时省力的后台模板jqadmin 712
LayuiHelp,一个良心插件,为你的代码插上翅膀! 678
LayUI SELECT 多级级联实现,理论上是无限级的 565
Admin-Template 后台模板(开发中...) 465
基于TP5加Layui的轻社区系统,争取下个月上线 269
laypage分页模块扩展之pagesize.js(layui2.0不知道会不会有这个功能) 197
近期热议
基于layui的后台模板 - 反正我觉得我的界面是最漂亮的 20
一个为您省时省力的后台模板jqadmin 18
LayuiHelp,一个良心插件,为你的代码插上翅膀! 17
layer的使用,以前用的时候还没挺好的怎么现在layer的弹出框一直报错,求大神给指点一下 15
form表单提交,监听提交按钮,用ajax异步检测名称是否已存在,ajax 不执行! 14
vip-admin Html v1.5.0 更新了 - 基于layui的后台模板 14
layui点击左侧固定导航栏时,如何在右侧显示,而并不是打开新窗口呢 12
遮罩通过parent 可以全屏,但窗口不能传值了? 12
为什么layui分页只有一页的情况下不无法显示组件呢? 11
select联动初始化数据form.render();不能逐个渲染的问题。 11