javascript - 在提交按钮上重置表单

Question

当用户提交表单时，ajax 将验证表单并且页面不会重新加载。现在它保留用户输入的详细信息。

用户提交表单后如何重置表单？

<form id="contact-form" method="post">
<input name="name" type="text"/>
<button type="submit">Submit</button>
</form>

这是我的ajax

$('#contact-form').on('submit',function(e) {  
$.ajax({
  url:'contact.php', 
  data:$(this).serialize(),
  type:'POST',
  success:function(data){
    console.log(data);
    swal("Thank you", "Message is sent :)", "success");
  },
  error:function(data){
    swal("Sorry", "Failed to send. Please try later :(", "error");
  }
});
e.preventDefault(); 
});

Answer 1

纯 JavaScript

document.getElementById("contact-form").reset();

jQuery

$("form").trigger("reset"); 您可能需要将 form 替换为您的表单 ID。

另一个 jQuery$("#contact-form")[0].reset();

您使用什么版本的 Jquery？从版本 1.8 开始，成功和错误都会被贬值，并且 you should use done and fail instead .