這篇文章主要介紹如何解決layer關(guān)閉彈出窗口觸發(fā)表單提交的問題,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!

創(chuàng)新互聯(lián)公司是專業(yè)的廣州網(wǎng)站建設(shè)公司,廣州接單;提供成都網(wǎng)站制作、做網(wǎng)站,網(wǎng)頁設(shè)計,網(wǎng)站設(shè)計,建網(wǎng)站,PHP網(wǎng)站建設(shè)等專業(yè)做網(wǎng)站服務(wù);采用PHP框架,可快速的進行廣州網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
1、前言
表單的代碼:
<form> 此處理代碼略... <div id="footer"> <button class="btn btn-success" name="save" type="submit" title="保存">保存</button> <button class="btn btn-success" id="_closed" οnclick="closeCurrForm()">關(guān)閉</button> </div> </form>
closeCurrForm函數(shù):
//關(guān)閉當前窗口
function closeCurrForm(){
//獲取窗口索引
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
}2、問題及原因和解決方法
問題:上面的代碼在點關(guān)閉按鈕后,會確發(fā)提交表單請求,會將表單的信息進行保存操作。但關(guān)閉按鈕是不需求執(zhí)行保存操作的。
原因:關(guān)閉按鈕沒有標識type屬性,系統(tǒng)會默認其type屬性為submit,所以點擊它就會觸發(fā)保存操作。
解決方法:為關(guān)閉安鈕添加type屬性,值為button。type=”button”
3、具體代碼如:
此處理代碼略...
<div id="footer"> <button class="btn btn-success" name="save" type="submit" title="保存">保存</button> <button class="btn btn-success" id="closeBtn" type="button" >關(guān)閉</button> </div> </form>
觸發(fā)事件代碼:
$(document).ready(function () {
//關(guān)閉當前窗口
$("#closeBtn").click(function(){
//獲取窗口索引
var index = parent.layer.getFrameIndex(window.name);
parent.layer.close(index);
});
)};這樣處理后,點關(guān)閉按鈕后就直接關(guān)閉窗口,不再執(zhí)行保存操作。
以上是“如何解決layer關(guān)閉彈出窗口觸發(fā)表單提交的問題”這篇文章的所有內(nèi)容,感謝各位的閱讀!希望分享的內(nèi)容對大家有幫助,更多相關(guān)知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!
當前標題:如何解決layer關(guān)閉彈出窗口觸發(fā)表單提交的問題
當前鏈接:http://www.chinadenli.net/article26/piijcg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)頁設(shè)計公司、網(wǎng)站制作、虛擬主機、品牌網(wǎng)站制作、Google、用戶體驗
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)