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

已采纳
6 813
请问下,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所在服务器近期连续遭受DDoS攻击 3628
用layui做管理后台的请进 754
有学生愿意接活干吗?做网站!价格不是很高但是经常有活干 514
layer offset只有left、top属性,只能以左、上做参照。是不是可以添加right、bo 163
搞好了,Fly Template2.0 服务端.net源码。 157
2.0版本说明时候发布啊? 149
使用layer弹框在公司项目中,是否需要被官网授权 149
富文本编辑器有点太简单了,富得出油~ 136
layer.msg();怎么关闭,yes;function(){}? 121
Why?content修改不了?? 117
近期热议
layui所在服务器近期连续遭受DDoS攻击 37
弹出层不能置顶!! 12
各位大神们早上好,小弟有一个问题。 10
求救关于layer.msg的问题 9
求助。。。循环绑定传值问题 9
【求助】layer弹层,type1,firefox,ie8—11,当元素display为none,无 7
layer弹框取值一直为空 6
layer.msg();怎么关闭,yes;function(){}? 6
求推荐一款支持部署SSL证书的云服务器 6
请问如何设置select的宽度? 6