提交和重置不适用于联系表格

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