提交和重置不適用於聯系表格

Question

我為網站上的聯系我們部分創建了一個簡單的表格。 對於提交按鈕，最初我使用 type=submit，但后來遇到了將其更改為 type=button 的建議。 但是，該代碼不適用於提交和重置。 有人可以幫忙指出我下面的代碼有什么問題。

 function submitForm() { var frm = document.getElementById('contactFormAP'); alert('H2'); frm.submit(); // Submit the form alert('H3'); frm.reset(); // Reset form data return false; }

 <form class="contactForm" action="email_form.php?do=send" method="post" role="form" id="contactFormAP"> <div class="form-group"> <input type="text" name="name" class="form-control" id="name" placeholder="Name" data-rule="minlen:4" data-msg="Please enter at least 4 chars" /> <div class="validation"></div> </div> <div class="form-group"> <input type="email" class="form-control" name="email" id="email" placeholder="Email" data-rule="email" data-msg="Please enter a valid email" /> <div class="validation"></div> </div> <div class="form-group"> <input type="text" class="form-control" name="contactnumber" id="contactnumber" placeholder="Contact Number" data-rule="minlen:10" data-msg="Please enter correct contact number with country code" /> <div class="validation"></div> </div> <div class="form-group"> <input type="text" class="form-control" name="subject" id="subject" placeholder="Subject" data-rule="minlen:4" data-msg="Please enter at least 8 chars of subject" /> <div class="validation"></div> </div> <div class="form-group"> <textarea class="form-control" name="message" rows="5" data-rule="required" data-msg="Please write something for us" placeholder="Message"></textarea> <div class="validation"></div> </div> <div id="sendmessage">Your message has been sent. Thank you!</div> <div id="errormessage"></div> <div class="text-center"> <input type="button" value="Submit" id="submitbtn" onclick="submitForm()"> </div> </form>

Answer 1

使用 OnSubmit-Listener 代替：

https://www.w3schools.com/jsref/event_onsubmit.asp