我有一個輸入類型為提交的按鈕，想要使用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");
            }
        });