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

Question

In my MVC4 application I have a input type submit button but I am preventing it's nature , e.preventDefault () in my jquery and making an AJAX POST call

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

I want to validate whole form for required values before this call, and then only proceed further ..

I am able to do this if I do not use this function ('#submit').click(function(e){}); ie. by using simple input submit button the form getting validated automatically by jquery ,

How can I use same functionality. in this case where I am making ajax call on submit button. I used this but it not working!!

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

Answer 1

Assuming you have jquery.unobtrusive and jquery.validate loaded then:

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