如何清除联系表格

Question

如果发送消息，我希望我的联系表单被清除。我使用以下代码来清除表单

$('#contactForm').find('[name]').val('')

但我也使用HTML required属性来使这些字段成为必需的。问题是，当我清除表单时，所有required字段都会像这样获得RED边框。

如何摆脱这个

Answer 1

您可以很好地使用内置的.reset()功能。你只需要这样做：

$('#contactForm').find('[name]').each(function () {
  $(this).val('');
  this.reset();
  $(this).get(0).reset();
});

在你的评论中，它不是：

$('#contactForm').[0].reset()
// --------------^

以上是错误的！您必须为该对象执行此操作。删除.。因此，您的代码将用于重置完整表单（以下任一项）：

$('#contactForm')[0].reset();
$('#contactForm').get(0).reset();