jQuery.validate.js 在 MVC 中对 ajax 使用 type="button" 时不工作

Question

我知道有很多与此类似的问题，但我没有得到针对我在 MVC 中的情况的确切解决方案，所以我再次提问。

我是 MVC 的新手，我正在使用 jQuery AJAX 调用控制器方法来插入数据。

AJAX 函数。

function btnLoginUser(btnClicked) {
      var $form = $(btnClicked).parents('form');

      $.ajax({
            type: "POST",
            url: "/Accueil/Login",
            data: $form.serialize(),
            error: function (xhr, status, error) {
            },
            success: function (response) {
            }
        });
        return false;
    }

我在表单中的按钮在视图中。

<input type="button" value="Se connecter" class="btn btn-success" onclick="btnLoginUser(this)" />

当我将此按钮与 type="button" 一起使用时，它会调用 ajax 但 jQuery 验证停止工作。

但是当我使用 type="submit" 时验证开始但 ajax 停止工作并且页面正在刷新。

带有 type="submit" 的按钮。

<input type="submit" value="Se connecter" class="btn btn-success" />

那么有什么方法既可以进行验证又可以AJAX插入数据而不刷新页面？

如有任何帮助，我们将不胜感激。

编辑

Javascript来电.

$(document).ready(function () {
        $('#idUser').on('submit', function (e) {
            if (!e.isDefaultPrevented()) {
                e.preventDefault();
                // Your Ajax code
                btnInsertUser(this);

            }
        })
    });

表单中的按钮是。

<input type="submit" value="S’inscrire" class="btn btn-success" onclick="javascript:return AcceptTermAndcondition();" />

Answer 1

试试看：

$('#form').on('submit', function(e){
    if (!e.isDefaultPrevented()) {
        e.preventDefault();
        // Your Ajax code
    }
}

jQuery.validate.js 在 MVC 中对 ajax 使用 type="button" 时不工作

jQuery.validate.js NOT working when using type="button" for ajax in MVC

javascript

ajax

asp.net-mvc

jquery

jquery-validate