MVC 5客户端验证与点击事件不工作的ajax帖子

MVC 5 Client side validation for ajax posts with click event not working?

本文关键字:工作 ajax 帖子 事件 客户端 验证 MVC      更新时间:2023-09-26

我必须实现ajax帖子的点击事件客户端验证。我跟踪了下面的url:

为ajax post调用MVC 3客户端手动验证

我试着用这个:

$('#buttonId').click(function(evt) {
    evt.preventDefault();
    var $form = $('form');
    if($form.valid()) {
        //Ajax call here
    }
});

但是这里的问题是,如果有无效的数据,现在验证正在工作。但如果我给适当的输入也,页面是重新加载和空白页的结果。

我尝试用return false替换event . preventdefault()。但在那里,验证不起作用。谁能帮我解决这个问题?

问题是,如果没有选择拉下,验证消息来了。但是,如果我给出正确的输入,则不显示输出。页面正在刷新。

我想问题出在evt.preventDefault()。但是如果没有

,验证就无法工作

不要使用点击按钮,我建议使用以下方式。submitHanderl是一个回调函数,如果表单是有效的。

$("form").validate({
    submitHandler: function(form) {
        //Ajax call here
    }
});

另外,为了将来的参考,如果您添加type="button",它将把按钮视为按钮,而不会提交点击。与event.preventDefault()<a>标签的return false;

相同