layui點(diǎn)擊彈框頁(yè)面 表單請(qǐng)求的方法
更新時(shí)間:2019年09月21日 11:23:05 作者:```...簡(jiǎn)單點(diǎn)
今天小編就為大家分享一篇layui點(diǎn)擊彈框頁(yè)面 表單請(qǐng)求的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧
如下所示:
$("#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" style="width: 621px;">' +
'<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頁(yè)面
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點(diǎn)擊彈框頁(yè)面 表單請(qǐng)求的方法就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
前端實(shí)現(xiàn)各種類型文件保存的方案總結(jié)
在Web開發(fā)中,文件下載是常見(jiàn)的交互需求,本文將系統(tǒng)總結(jié)前端實(shí)現(xiàn)文件保存的三大核心場(chǎng)景(圖片、文本、網(wǎng)頁(yè))及對(duì)應(yīng)技術(shù)方案,幫助開發(fā)者根據(jù)具體需求選擇最優(yōu)解,需要的朋友可以參考下2025-04-04
uploadify在Firefox下丟失session問(wèn)題的解決方法
在用uploadify上傳插件時(shí)遇到了一個(gè)問(wèn)題,在讀session時(shí)認(rèn)為沒(méi)有權(quán)限而被攔截了,后來(lái)在后臺(tái)打印登錄時(shí)產(chǎn)生session的id和上傳時(shí)讀取session的id,解決方法如下,感興趣的朋友可以了解下2013-08-08
bootstrap switch開關(guān)組件使用方法詳解
這篇文章主要為大家詳細(xì)介紹了bootstrap switch開關(guān)組件的使用方法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08
用js實(shí)現(xiàn)的檢測(cè)瀏覽器和系統(tǒng)的函數(shù)
檢測(cè)各種瀏覽器、系統(tǒng)的JS代碼2009-04-04
javascript實(shí)現(xiàn)電腦和手機(jī)版樣式切換
這篇文章主要為大家詳細(xì)介紹了javascript實(shí)現(xiàn)電腦和手機(jī)版樣式切換,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-11-11
bootstrap table服務(wù)端實(shí)現(xiàn)分頁(yè)效果
這篇文章主要為大家詳細(xì)介紹了bootstrap table服務(wù)端實(shí)現(xiàn)分頁(yè)效果,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2017-08-08

