"表单提交已取消,因为表单未连接"

时间:2018-04-25 02:41:08

标签: javascript html html5 dom

当表单正在提交时,它会显示此警告消息。

第一种方法:

var btn = document.getElementById('actionBtn');
var form = document.getElementById('actionForm');

form.addEventListener('submit', function(e) {
    e.preventDefault();
    btn.disabled = true;
    form.removeChild(btn);
    document.getElementsByTagName('body')[0].innerHTML = 'start working!';
    form.submit();
});

第二种方法:

var btn = document.getElementById('actionBtn');

document.getElementById('actionForm').addEventListener('submit', function(e) {
    e.preventDefault();
    btn.disabled = true;
    this.removeChild(btn);
    document.getElementsByTagName('body')[0].innerHTML += 'start working!';
    this.submit();
});

他们将显示此消息("表单提交已取消,因为表单未连接")。

和此页面html:

<form action="./patchPr18mToOesFeeFor189.jsp" method="GET" id="actionForm"> 

    <input type="hidden" name="start" value="start">
    <button id="actionBtn">Let's start</button>

</form>

为什么会这样?

1 个答案:

答案 0 :(得分:0)

您必须删除以下行:

document.getElementsByTagName('body')[0].innerHTML += 'start working!';