Question

在我的MVC4应用程序中，我有一个输入类型提交按钮，但我在我的jquery中阻止了它的性质，e.preventDefault ()并进行了一次AJAX POST调用

('#submit').click(function(e){})

我希望在此调用之前验证所需值的整个表单，然后再继续...

如果我不使用此函数('#submit').click(function(e){});，我可以这样做。通过使用简单的输入提交按钮，表单由jquery自动验证，

我如何使用相同的功能。在这种情况下，我在提交按钮上进行ajax调用。我用过这个，但它不起作用!!

$("#userform").validate();
$("#userform").valid()

Answer 1

假设你已经加载了jquery.unobtrusive和jquery.validate：

   $("#registerUserForm").submit(function () {
            if ($(this).valid()) {
                $.OverWatch.worker.postUserData(this.action, $(this).serialize(), function (data) {
                 //callback
                })
            }

            return false;
        })

    postUserData: function (url, data, callback) {

        $.LoadingOverlay("show");
        $.ajax({
            url: url,
            type: 'POST',
            data: data,
            success: function (data) {

                if (callback) {
                    callback(data);
                    $.LoadingOverlay("hide");
                }

            },
            error: function (event, jqxhr, settings, thrownError) {
                $.LoadingOverlay("hide");
            }
        });

我有一个输入类型的按钮提交要使用MVC jquery验证表单

1 个答案: