jquery-form-validator问题的form.reset（）

Question

我有一个表格，如下所示，我使用 validator 插件进行验证：

<div class="col-md-8 col-md-offset-2 form-contact">
    <form action="/Home/SendMessage" id="contact-form" method="post" autocomplete="off" class="wow bounceInUp has-validation-callback animated">
     //..All other form controls

    </form>
</div>

但是当我尝试reset form如下

时

$('form#contact-form').reset();

OR

$('#contact-form').reset();

它给了我console.error 的 Uncaught TypeError: $(...).reset is not a function

但是当我尝试reset表单时，它会完全重置。

$('.form-contact form').get(0).reset();

任何人都可以说出为什么会发生这种情况或者背后的原因是什么？

Answer 1

这是因为$('#contact-form')在对象的数组中重新调整表单。在这种情况下，表单对象的数组长度为1。 在浏览器控制台中写下它，看看会发生什么。

reset()是一个原生javascript函数，需要特定的form对象，选择器不提供$('#contact-form')[0]

使用$('#contact-form')[0].reset();从数组中获取first form。

在控制台中尝试 console.log（$（“＃contact-form”））; 。然后你可以通过扩展对象来看到结果。