<分区>
我有一个用 html5 验证验证然后用 AJAX 提交的表单，然后输入字段被重置，它正在工作。
我的问题是，在有效提交后，消息已发送，输入已清除，但 html5 验证仍然将我的空白字段列为不正确的字段。
HTML:
<form method="post" action="mailer.php" class="contact-form" id="cform">
<input type="text" name="name" placeholder="Name" required />
<input type="text" name="phone" placeholder="Phone" required />
<input type="email" name="email" placeholder="Email" required />
<textarea name="message" placeholder="Message" required></textarea>
<input type="submit" class="submit-btn" id="submit-btn" value="Send your message" />
<div id="success"></div>
</form>
JQUERY:
$('#submit-btn').click(function(){
if($("#cform")[0].checkValidity()) {
$.post("mailer.php", $("#cform").serialize(), function(response) {
$('#success').html(response);
$("#cform")[0].reset();
});
return false;
} else console.log("invalid form");
});