layui点击弹框页面 表单请求的方法
2019-09-21 11:23
1441 查看
如下所示:
$("#addSite").click(function () { layer.open({ title: '添加站点', type: 1, area: ['700px', '400px'], content: '<blockquote class="layui-elem-quote layui-text">注意事项: 请填写相关的数据信息! </blockquote>' + '<form class="layui-form"> ' + '<div class="layui-form-item">' + '<div class="layui-inline">' + '<label class="layui-form-label">站点名称</label>' + '<div class="layui-input-inline">' + '<input type="text" required lay-verify="required" name="siteName" class="layui-input" value="" >' + '</div></div>' + '<div class="layui-inline">' + '<label class="layui-form-label">ICP备案号</label>' + '<div class="layui-input-inline">' + '<input type="text" required lay-verify="required" name="fileRecord" class="layui-input" value="" >' + '</div></div>' + '</div>' + '<div class="layui-form-item">' + '<div class="layui-inline">' + '<label class="layui-form-label">联系电话</label>' + '<div class="layui-input-inline">' + '<input type="text" required lay-verify="required" name="sitePhone" class="layui-input" value="" >' + '</div></div>' + '<div class="layui-inline">' + '<label class="layui-form-label">平台信息</label>' + '<div class="layui-input-inline">' + '<input type="text" required lay-verify="required" name="type" class="layui-input" value="" >' + '</div></div>' + '</div>' + '<div class="layui-form-item" style="width: 621px;">' + '<label class="layui-form-label">备注</label>' + '<div class="layui-input-block">' + '<textarea placeholder="请输入内容" name="siteMark" class="layui-textarea"></textarea>' + '</div>' + '</div>' + '</form>', btnAlign: 'c', btn: ['确定', '取消'], yes: function (index, layero) { var str = $("input[name=isIndividual]").val(); if (str == "on") { str = "1"; } else { str = "0"; } if ($("input[name=siteName]").val() == null || $("input[name=siteName]").val() == "") { layer.msg('请输入站点名称', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=siteName]").focus(); }); return false; } else if ($("input[name=fileRecord]").val() == null || $("input[name=fileRecord]").val() == "") { layer.msg('请输入备案号', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=fileRecord]").focus(); }); return false; } else if ($("input[name=type]").val() == null || $("input[name=type]").val() == "") { layer.msg('请输入平台信息', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=type]").focus(); }); return false; } else if ($("input[name=sitePhone]").val() == null || $("input[name=sitePhone]").val() == "") { layer.msg('请输入联系电话', {icon: 5, time: 2000, area: '200px', type: 0, anim: 6,}, function () { $("input[name=sitePhone]").focus(); }); return false; } var formData = { siteName: $("input[name=siteName]").val(), fileRecord: $("input[name=fileRecord]").val(), type: $("input[name=type]").val(), sitePhone: $("input[name=sitePhone]").val(), siteMark: $("textarea[name=siteMark]").val() }; console.log(formData); $.post('${pageContext.request.contextPath}/leaguer/addSite', formData, function (data) { //判断是否发送成功 if (data.code == 200) { layer.msg(data.message); layer.close(index); parent.document.getElementById('my_iframe').contentWindow.location.reload(true); } else { layer.msg("保存失败...", {type: 1}); } }) }, btn2: function (index, layero) { layer.msg("取消"); //return false 开启该代码可禁止点击该按钮关闭 }, cancel: function () { layer.msg("关闭窗口"); //右上角关闭回调 //return false 开启该代码可禁止点击该按钮关闭 }, success: function () { layui.use('form', function () { var form = layui.form; //只有执行了这一步,部分表单元素才会修饰成功 form.render('checkbox'); form.on('checkbox(istrue)', function (data) { /* if(data.elem.checked){ emailConfig['isenterprise']=1; }; //是否被选中,true或者false*/ }); }); } }); })
另类: tab刷新iframe页面
var iframes= parent.document.getElementsByTagName('iframe'); for(var i=0;i<iframes.length;i++){ var src=iframes[i].contentWindow.location.href; console.log( src); if(src.indexOf("table.jsp")!=-1){ console.log( "刷新:"+src); parent.document.getElementsByTagName('iframe')[i].contentWindow.location.reload(true); } }
以上这篇layui点击弹框页面 表单请求的方法就是小编分享给大家的全部内容了,希望能给大家一个参考
您可能感兴趣的文章:
相关文章推荐
- layui使用form表单实现post请求页面跳转的方法
- 点击不同的按钮把同一个表单提交到不同的页面处理的方法
- layui在form表单页面通过Validform加入简单验证的方法
- 获取时时点击事件 和清除页面内容的方法
- iframe方法实现表单文件上传,页面无刷新
- js页面(页面上无服务端控件,且页面不刷新)实现请求一般处理程序下载文件方法
- 点击页面其它地方隐藏该div的方法
- 点击页面任何位置隐藏div的实现方法
- HTML页面禁用Enter键自动提交表单的方法
- MVC设计模式 (1)、html页面事件触发ajax()方法调用ajax.js发送请求至请求目标文件
- 【转】 asp.net从视频文件中抓取一桢并生成图像文件的方法 实现多语言本地化应用程序 自动返回上次请求页面
- php表单页面防重复提交方法总结
- 静态HTML页面传递参数的方法 (表单)
- .NET弹出提示点击确定之后再跳转页面的方法
- 页面上2个按钮,当提交表单的时候调用不同的方法,但是都需要把页面上面的查询条件提交给action
- ajax请求成功后执行回调方法后页面会自动刷新问题
- easyui-datagrid页面显示图片,点击弹框展示图片
- 解决 由于 Web 服务器上的“ISAPI 和 CGI 限制”列表设置,无法提供您请求的页面 方法
- 重写ajax方法实现异步请求session过期时跳转登录页面
- jsp加载时想直接让jsp页面直接显示已处理过得数据(此页面是点击链接进入)即请求servlet