表单提交后返回false不工作

Question

我使用bootstrap表单和ajax向我的后端脚本提交联系表单。

<a [attr.parent_id]="parent.id"></a>并未阻止我的表单在ajax回调后再次提交。这会导致新的引导程序表单验证，显示输入错误消息。

即使使用return false，我也会阅读一些类似的问题，但它不起作用。

HTML

event.preventDefault()

Answer 1

经过一些测试后，我终于找到了解决方案。在reset()表单后，我应该删除类was-validated。

if (data == "\"E-mail sent\"") {

   console.log("email sent after stringify");

   $("#messages").addClass("messages")
   .html("<img src='./img/check.png' alt='Check' /> Message sent!")
   .hide().fadeIn(800, function () {
        setTimeout(() => {
          $("#messages").hide(500);
        }, 3000);
    });

    $('#contact-form')[0].reset();
    form.classList.remove('was-validated');

} else {

...

也许这是一种解决方法，但它确实有效。