在我的ASP.NET Web应用程序中,我正在尝试使用jQuery Ajax调用WebMethod从用户控件发送数据。因此,在用户控件中,我只使用HTML控件。
现在我需要在使用Ajax调用发送数据之前验证输入数据。我尝试使用jQuery Validation Plugin,但由于表单有效性始终为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');
}
});
});
如何使这项工作?
答案 0 :(得分:0)
必须在Ajax调用之前添加if ($("#Form1").valid())
if ($("#Form1").valid()) {
$.ajax({
type: "POST",
contentType: "application/json; charset=utf-8",
//....
});
}