代码之家  ›  专栏  ›  技术社区  ›  J. Hu

“表单提交已取消,因为表单未连接”[重复]

  •  1
  • J. Hu  · 技术社区  · 6 年前

    表单进行提交时,会显示此警告消息。

    第一种方法:

    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 回复  |  直到 6 年前
        1
  •  0
  •   HMR    6 年前

    您必须删除以下行:

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