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

已采纳
6 475
请问下,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 回复
最近热帖
layui 1.0.8 发布,一次用心的小版本升级 4878
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 1295
thinkphp5.0+layui个人博客源码分享,也可以做cms 1118
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 439
Layer真心好用,有了它,我作为一个phper终于有信心抛开二次开发 278
layui不好用啊,好复杂啊 255
layui 三级联动 245
有偿求助作者大大,我有一个opencart商城网站,想集成layui的问答系统 233
不得不承认,非常棒的一个富文本编辑器 189
ThinkPHP基于Layui无刷提交数据表单,亲测可用 181
layim下载
近期热议
layui 1.0.8 发布,一次用心的小版本升级 54
LayIM 发布 3.0.3,增加音频消息支持及移动端联系人界面 21
layui不好用啊,好复杂啊 13
通过ajax动态生成的新checkbox添加到table里面样式不存在了,怎么才能重新渲染? 13
基于LayUI的后台管理模板BeginnerAdmin更新啦~~~~~~~~~~~~~~ 12
layui的进度条总是无法显示 10
layer.confirm弹出之后的keydown事件 10
关于富文本框的内容清空问题 10
thinkphp5.0+layui个人博客源码分享,也可以做cms 9
请问layui的tab切换,防止页面刷新效果重置是怎么实现的? 8