提交 AJAX 后如何清除 FORM

Question

我已经尝试了每个人对此所说的内容，但是在提交表单后我无法重置表单。除了这部分，其他一切都有效。只是希望表格在全部运行后重新设置。谢谢！

<script>
$("#contactForm").submit(function(e) {
	e.preventDefault();
	var Name = $("#Name").val();
	var Phone = $("#Phone").val();
	var Company = $("#Company").val();
	var Website = $("#Website").val();
	var Service = $("#Service").val();
	var Message = $("#Message").val();
	var myData ={"Name":Name,"Phone":Phone,"Company":Company,"Website":Website,"Service":Service,"Message":Message}
	if(Name == "" || Phone == "" || Company == "" || Website == "" || Service == "" || Message == "" ) {
		$("#error_message").show().html("All Fields are Required");
	} else {
		$("#error_message").html("").hide();
		$.ajax({
			type: "POST",
			url: "submitAjax.php",
			data: myData,
			success: function(data){
				$("#contactForm").reset();
				$('#success_message').fadeIn().html(data);
				setTimeout(function() {
					$('#success_message').fadeOut("slow");
				}, 2000 );
				

			}
		});
	}
})
</script>

Answer 1

您可以触发复位功能：

$('#form_id').trigger("reset");