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

未结贴
6 356
chenug chenug 发布于5天前
悬赏:20飞吻
请问下,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();
}

热忱回答6

  • 天豆晓 天豆晓
    5天前
    你在子页面做一个隐藏的
    <button class="layui-btn" lay-submit lay-filter="save" style="display: none;">
    然后
    function addUser(){
    $("#myform").attr("action","url");
    $('.layui-btn').click();
    }
    1 回复
  • chenug chenug
    5天前
    自己顶!d=====( ̄▽ ̄*)
    0 回复
  • chenug chenug
    5天前
    我顶顶顶!d=====( ̄▽ ̄*)
    0 回复
  • chenug chenug
    5天前
    @天豆晓 就是不想这么干
    0 回复
  • chenug chenug
    5天前
    在子页面添加
    <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
    5天前
    ,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 回复

最近热帖

  1. layui 分页如何自己用JS 跳转到指定页? 7008
  2. 建议。layer相册,不能实时增加图片。 4046
  3. 近期服务器遭受不明来源的持续攻击 1647
  4. layui的form组件的响应数据怎么获取 1562
  5. 为什么社区里搜索后跳转到必应? 1471
  6. .Net WebCMS后台管理系统 1377
  7. layui 社区2016年度十佳案例 1352
  8. 蓝狐宝社区,一个成长中的社区 412
  9. 分享自己的一点劳动成果 389
  10. ifram 父页面的 【确定】按钮触发页面的form验证 356
layim下载

近期热议

  1. layui能否支持 select2.的功能 27
  2. 近期服务器遭受不明来源的持续攻击 24
  3. .Net WebCMS后台管理系统 21
  4. 表单开关按钮放在模态框内就不显示了,怎么办,急! 15
  5. layer如何获取 拖动后的坐标位置 offset left和to'p 13
  6. 分享自己的一点劳动成果 11
  7. layui 社区2016年度十佳案例 11
  8. 关于layui树形菜单当前元素高亮的问题 10
  9. 关于lauyi单选框的问题 9
  10. 贤心是一个人吗?男的还是女的。。。 9