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

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");
            }
        });