Form submission canceled because the form is not connected解決辦法
阿新 • • 發佈:2019-02-12
使用者反饋一個功能不能正常使用
一個很久沒用的功能,程式碼也沒動過
先貼下原js程式碼
// 建立Form var form = $('<form></form>'); // 設定屬性 form.attr('action', '/report/make'); form.attr('method', 'post'); // form的target屬性決定form在哪個頁面提交 // _self -> 當前頁面 _blank -> 新頁面 form.attr('target', '_blank');
本地測試發現瀏覽器console欄提示Form submission canceled because the form is not connected
解決辦法也非常簡單
// 建立Form var form = $('<form></form>'); $(document.body).append(form); // 設定屬性 form.attr('action', '/report/make'); form.attr('method', 'post'); // form的target屬性決定form在哪個頁面提交 // _self -> 當前頁面 _blank -> 新頁面 form.attr('target', '_blank');
因為這是chrome修復的一個bug
動態建立form表單之後,使用JQuery將上述表單加入到body中之後再執行提交就不會出錯了