您好,登錄后才能下訂單哦!
這篇文章主要介紹了layui點(diǎn)擊彈框頁面實(shí)現(xiàn)表單請(qǐng)求的示例分析,具有一定借鑒價(jià)值,感興趣的朋友可以參考下,希望大家閱讀完這篇文章之后大有收獲,下面讓小編帶著大家一起了解一下。
如下所示:
$("#addSite").click(function () { layer.open({ title: '添加站點(diǎn)', type: 1, area: ['700px', '400px'], content: '<blockquote class="layui-elem-quote layui-text">注意事項(xiàng): 請(qǐng)?zhí)顚懴嚓P(guān)的數(shù)據(jù)信息! </blockquote>' + '<form class="layui-form"> ' + '<div class="layui-form-item">' + '<div class="layui-inline">' + '<label class="layui-form-label">站點(diǎn)名稱</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備案號(hào)</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">聯(lián)系電話</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">平臺(tái)信息</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" >' + '<label class="layui-form-label">備注</label>' + '<div class="layui-input-block">' + '<textarea placeholder="請(qǐng)輸入內(nèi)容" 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('請(qǐng)輸入站點(diǎn)名稱', {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('請(qǐng)輸入備案號(hào)', {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('請(qǐng)輸入平臺(tái)信息', {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('請(qǐng)輸入聯(lián)系電話', {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) { //判斷是否發(fā)送成功 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 開啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉 }, cancel: function () { layer.msg("關(guān)閉窗口"); //右上角關(guān)閉回調(diào) //return false 開啟該代碼可禁止點(diǎn)擊該按鈕關(guān)閉 }, success: function () { layui.use('form', function () { var form = layui.form; //只有執(zhí)行了這一步,部分表單元素才會(huì)修飾成功 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); } }
感謝你能夠認(rèn)真閱讀完這篇文章,希望小編分享的“l(fā)ayui點(diǎn)擊彈框頁面實(shí)現(xiàn)表單請(qǐng)求的示例分析”這篇文章對(duì)大家有幫助,同時(shí)也希望大家多多支持億速云,關(guān)注億速云行業(yè)資訊頻道,更多相關(guān)知識(shí)等著你來學(xué)習(xí)!
免責(zé)聲明:本站發(fā)布的內(nèi)容(圖片、視頻和文字)以原創(chuàng)、轉(zhuǎn)載和分享為主,文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱:is@yisu.com進(jìn)行舉報(bào),并提供相關(guān)證據(jù),一經(jīng)查實(shí),將立刻刪除涉嫌侵權(quán)內(nèi)容。