jQuery驗證未驗證

Question

在我的ASP.NET Web應用程序中，我試圖使用對WebMethod的jQuery Ajax調用從用戶控件發送數據。 因此，在用戶控件中，我僅使用HTML控件。

現在，我需要在使用Ajax調用發送數據之前驗證輸入數據。 我嘗試使用jQuery Validation Plugin，但由於Form Validity始終為true因此無法正常工作

HTML：

<input type="text" id="txtName" name="txtName" class="text-box" />

<button type="button" id="btnSubmitInquiry" class="button" value="Submit">
    Submit
</button>

Javascript：

$('#btnSubmitInquiry').click(function () {

    $('#Form1').validate({
        rules: {
            txtName: {
                required: true
            }
        }
    });

    var inquiry = {};
    inquiry.Name = $('#txtName').val();
    //more fields

    var DTO = { 'inquiry': inquiry };

    $.ajax({
        type: "POST",
        contentType: "application/json; charset=utf-8",
        url: '/Web/Site/AjaxHandler.aspx/Save',
        data: JSON.stringify(DTO),
        dataType: "json",
        success: function (data) {
            alert('success');
        } 

    });
});

如何使這項工作？

Answer 1

必須在Ajax調用之前添加if ($("#Form1").valid())

    if ($("#Form1").valid()) {

        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            //....

        });
    }