html表单提交原因“表单提交因表单未连接而取消”答案

【问题标题】：html form submit cause "Form submission canceled because the form is not connected"html表单提交原因“表单提交因表单未连接而取消”
【发布时间】：2017-11-10 06:44:20
【问题描述】：

我显示了以下 HTML 表单，我想在用户单击“发送”按钮时调用 javascript 函数 sendMail()：

<script type="text/template" id="compose-view-template">
<form id="email-compose" class="form-email-compose" method="get" action="javascript:sendMail();">
    <div class="form-group">
        <input type="email" id="input-to" placeholder="To" class="input-transparent form-control"
               value="<%= receiver %>">
    </div>
    <div class="form-group">
        <input type="text" id="input-subject" placeholder="Subject" class="input-transparent form-control"
               value="<%= subject %>">
    </div>
    <div class="form-group">
        <textarea rows="10" class="form-control" id="wysiwyg" placeholder="Message"><%- body %></textarea>
    </div>
    <div class="clearfix">
        <div class="btn-toolbar pull-xs-right">
            <button type="reset" id="compose-discard-button" class="btn btn-gray">Cancel</button>
            <button type="submit" id="compose-send-button" onclick="" class="btn btn-danger">&nbsp;&nbsp;&nbsp;Send&nbsp;&nbsp;&nbsp;</button>
        </div>
    </div>
</form>

和Javascript函数：

function sendMail(){

console.log("submit new email");

}
</script>

但是当我点击发送时，出现以下错误

表单提交因表单未连接而取消

即使我提到表单或按钮 onclick 的操作，我仍然有同样的错误。有人知道我该如何解决这个问题吗？

【问题讨论】：

method="get" action="javascript:sendMail();" 应该做什么？
老实说，我在点击发送提交按钮时尝试了多种方法来启动我的 Javascript 函数 sendMail，但无论是 onSubmit 还是 action 都不起作用，我仍然有同样的错误

标签： javascript jquery html forms

【解决方案1】：

这是一个html页面示例，上面有一个按钮，当你点击它时，会出现一个javascrippt函数，并在你的页面上为你写一条消息。

注意：

要发送真实的电子邮件，您必须为其创建后端代码。

                <script>
                    function sendRequest(){
                       console.log( "complete the function");
                       document.getElementById("data").innerHTML = "Email is sent!";
    
                    }
    
                  </script>

    <!DOCTYPE html>
    <html>
    <body>
    
        <button type="button" onClick="sendRequest()" >Click me </button>
    
        <p id="data"> <p>

    </body>
    </html

【讨论】：

是的，它对我有帮助，但我仍然收到消息表单提交已取消，因为表单未连接...
是的，我的js函数被调用了但是还是报错
能否请您更新您的问题，所以我现在将您的当前状态。也请从这里删除所有你的 cmets，我可以向你询问更多。
另外，请尝试以下解决方案：stackoverflow.com/questions/42053775/…