jQuery验证无效

jQuery Validation not validating

本文关键字：无效 验证 jQuery      更新时间：2023-09-26

. NET Web应用程序我试图从使用jQuery Ajax调用WebMethod的用户控件发送数据。所以在用户控件中，我只使用HTML控件。

现在我需要在使用Ajax调用发送数据之前验证输入数据。我尝试使用jQuery验证插件，但它不起作用，因为表单有效性总是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');
        } 
    });
});

如何使这个工作?

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

    if ($("#Form1").valid()) {
        $.ajax({
            type: "POST",
            contentType: "application/json; charset=utf-8",
            //....
        });
    }
相关文章：