提交后，联系表单数据字段将不会清除

Question

我对此联系表单有疑问。提交表单后，输入字段不会清除。联系表单工作正常，发送消息，验证数据，并打印成功消息。

有人建议在提交表单后清除数据字段吗？

我尝试在提交后将fields值设置为null，并且不同的重置函数没有成功。

要清除数据字段需要什么？

form url

Answer 1

添加

$('#contact-form').find('form')[0].reset();

成功处理程序？

Answer 2

  

提交表单后，重定向页面

header("Location: success.html");
exit; // Location header is set, pointless to send HTML, stop the script

  

如果您使用的是jquery方法，请尝试使用

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

Answer 3

尝试在成功后添加此内容.. 如果它不起作用尝试添加发送点击功能并检查..

$（＆＃34;＃FIELD1＆＃34）。VAL（＆＃34;＆＃34）;

$（＆＃34;＃FIELD2＆＃34）。VAL（＆＃34;＆＃34）;

$（＆＃34;＃字段3＆＃34）。VAL（＆＃34;＆＃34）;

Answer 4

使用 POST-REDIRECT-GET 模式进行表单处理通常是一种很好的做法。提交的表单已成功处理后，您应该重定向：另一个页面或重新加载当前页面。它将重置您案例中的表单数据。另一个可能更重要的好处是避免用户通过按浏览器中的重新加载按钮重新提交数据，这可能会导致不必要的重复请求。

如果您使用此模式，则必须将成功的消息存储在重定向中。您可以将其存储在会话中并在下一个GET请求中清除它。