這篇文章主要介紹如何解決layer關(guān)閉彈出窗口觸發(fā)表單提交的問題,文中介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們一定要看完!
創(chuàng)新互聯(lián)公司是專業(yè)的廣州網(wǎng)站建設公司,廣州接單;提供成都網(wǎng)站制作、做網(wǎng)站,網(wǎng)頁設計,網(wǎng)站設計,建網(wǎng)站,PHP網(wǎng)站建設等專業(yè)做網(wǎng)站服務;采用PHP框架,可快速的進行廣州網(wǎng)站開發(fā)網(wǎng)頁制作和功能擴展;專業(yè)做搜索引擎喜愛的網(wǎng)站,專業(yè)的做網(wǎng)站團隊,希望更多企業(yè)前來合作!
1、前言
表單的代碼:
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、具體代碼如:
此處理代碼略...
觸發(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è)資訊頻道!