Question

我显示了以下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>

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

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

即使我提到表单或按钮上的动作，我仍然有同样的错误。谁知道我怎么能解决这个问题？

Answer 1

以下是html页面的示例，其上有一个按钮，当您单击它时，会显示javascrippt函数，并在您的页面上为您编写消息。

<强>注意：

要发送真实的电子邮件，您必须为其制作一个backEnd代码。

                <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

html表单提交原因＆＃34;表单提交已取消，因为表单未连接＆＃34;

1 个答案: