1. 程式人生 > >Form submission canceled because the form is not connected解決辦法

Form submission canceled because the form is not connected解決辦法

使用者反饋一個功能不能正常使用

一個很久沒用的功能,程式碼也沒動過

先貼下原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中之後再執行提交就不會出錯了