如何修复最新浏览器版本(IE，Mozilla和Chrome)中的错误"Form submission canceled because the form is not connected"

Question

我让这段代码完美运行，直到一周前chrome更新到版本56。现在它不起作用，当我检查控制台时，我收到错误"Form submission canceled because the form is not connected".单击时不会触发提交功能。我是编码新手，所以请帮助我解决这个问题。

function report_submit(){           
    var max = document.getElementById("totalCount").value;      
    var frm = document.createElement("form");
    frm.setAttribute("method", "POST");
    frm.setAttribute("action", "insertnew.php");
    frm.setAttribute("target", "selectnew.php");
    var hiddenField1 = document.createElement("input");
    hiddenField1.setAttribute("type", "hidden");
    hiddenField1.setAttribute("name", "max");
    hiddenField1.setAttribute("value", max);
    frm.appendChild(hiddenField1);
    for (i = 0; i < max; i++) { 
        var date = "DATE" + i;
        var user = "USER" + i;
        var task_queue = "TASK_QUEUE" + i;
        var id_utter = "AUDIO" + i; 
        //var blueshift_link = "BLUESHIFT_LINK" + i;
        var overturned_fields = "OVERTURNED_FIELDS" + i;
        var id_error = "error_type" + i;
        var remarks = "remarks" + i;
        var completion_id = "COMPLETION_ID" + i;
        var ec_verifier = "EC_VERIFIER" + i;
        var ec_spoc = "EC_SPOC" + i;
        var manager = "MANAGER" + i;                        
        var date = document.getElementById(date).value;
        var user = document.getElementById(user).value;
        var task_queue = document.getElementById(task_queue).value; 
        var utterance_id = document.getElementById(id_utter).value;
        //var blueshift_link = document.getElementById(blueshift_link).value;
        var overturned_fields = document.getElementById(overturned_fields).value;
        var error_type = document.getElementById(id_error).value;
        var remarks = document.getElementById(remarks).value;
        var completion_id = document.getElementById(completion_id).value;
        var ec_verifier = document.getElementById(ec_verifier).value;
        var ec_spoc = document.getElementById(ec_spoc).value;
        var manager = document.getElementById(manager).value;
        alert(date);
        alert(user);
        alert(task_queue);
        alert(utterance_id);
        //alert(blueshift_link);
        alert(overturned_fields);
        alert(error_type);
        alert(remarks);
        alert(completion_id);
        alert(ec_verifier);
        alert(ec_spoc);     insert_function(frm,date,user,task_queue,utterance_id,overturned_fields,error_type,remarks,completion_id,ec_verifier,ec_spoc,manager,i);
    }
    frm.submit();
}

Answer 1

在提交表单数据之前，应确保表单已添加到文档中。尝试在 frm.submit(( 之前添加此行：

document.body.appendChild(frm(;

另请参阅此答案：收到错误"表单提交已取消，因为表单未连接">