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

已采纳
6 638
请问下,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 回复
最近热帖
最近你们访问官网或社区,有出现样式无法加载的现象吗? 937
如何评价LayUI和他的作者闲心? 794
关于LayUi upload模块跨域问题 534
layui2.0这个月底可以出来吗 473
2.0何时出现哇 457
table选项功能就是出不来,样式都能政策银行显示。 283
layer.msg is not a function 245
请问下,layer我看完了文档,也不知道里面的内容怎么自定义编译呢??? 244
layer终极疑难杂症。。感觉这问题无解了。。 230
html5+CSS3+layui开发的前台网站模板 227
近期热议
最近你们访问官网或社区,有出现样式无法加载的现象吗? 26
请问下,layer我看完了文档,也不知道里面的内容怎么自定义编译呢??? 16
layer.msg is not a function 13
layer终极疑难杂症。。感觉这问题无解了。。 13
layui弹出层没反应 12
模态窗口用ajax 获取分页面,一直报404 12
pePrefilter is not defined? 10
table选项功能就是出不来,样式都能政策银行显示。 10
求教一个兼容问题,iframe界面自适应高度 9
layui.css!checkbox和radio,没有样式。下面有问题的图。麻烦看一下。这都是最基本 9