我已经完成了表单输入框的验证。但是当我点击提交时,我正在使用 JQuery 调用,因此表单验证失败。然后我按照下面修改了代码以覆盖验证插件的提交处理程序。现在,当我在不输入任何详细信息的情况下单击保存按钮时,什么也没有发生并且表格停留在那里。即使我们输入数据并尝试提交表单,它也会保留在那里。请任何人都可以帮助解决这个问题。我使用以下参考资料。
References
----------
<script src="../../Scripts/jquery.validate.min.js" type="text/javascript"></script>
<script src="../../Scripts/jquery.validate.unobtrusive.min.js" type="text/javascript"></script>
<script src="http://code.jquery.com/jquery-1.8.3.min.js" type="text/javascript"></script>
<script src="http://jzaefferer.github.com/jquery-validation/jquery.validate.js" type="text/javascript"></script>
AJAX Call
---------
$("#addForm").validate(
{
submitHandler: function (form) {
var clientName = $('#Client_ClientName').val();
var clientTypeId = $('#ClientTypeSelectId').val();
var clientCode = $('#Client_ClientCode').val();
$.ajax({
type: "POST",
async: false,
url: "/Client/AddClient",
cache: false,
data: { "clientName": clientName, "clientTypeId": clientTypeId, "clientCode": clientCode },
dataType: "json",
error: function (request) {
alert(request.responseText);
},
success: function (result) {
//alert('Successfully Inserted Client');
$.ajax({
url: "/Client/ClientGrid",
type: 'GET',
datatype: 'json',
success: function (data) {
$('#grid').html(data);
//alert('got here with data');
},
error: function () {
//alert('something bad happened');
}
});
$('#myClientDialogContainer').dialog('close');
}
});
return false;
}
});
问候,毗湿奴