javascript - MVC 5 客户端对 ajax 帖子的验证与点击事件不起作用?

标签 javascript jquery ajax validation asp.net-mvc-5

我必须使用 ajax 帖子的点击事件来实现客户端验证。我点击了以下网址:

Call MVC 3 Client Side Validation Manually for ajax posts

我尝试使用这个:

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

但这里的问题是,如果存在无效数据,验证仍然有效。但是,如果我也给出正确的输入,页面将重新加载,结果将出现空白页面。

我尝试用 return false 替换 evt.preventDefault() 。但那里的验证不起作用。谁能帮我解决这个问题。

问题是,如果未选择下拉菜单,则会出现验证消息。但是如果我给出正确的输入,则不会显示输出。页面正在刷新。

我猜问题是 evt.preventDefault() 。但如果没有这个验证就无法工作

最佳答案

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

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

关于javascript - MVC 5 客户端对 ajax 帖子的验证与点击事件不起作用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32112772/

相关文章:

javascript - 期望返回箭头中的值;函数数组回调返回。为什么?

javascript - 为什么这段代码不隐藏复选框?

css - 如何更正在输入标签后面滚动的自动完成 div

javascript - 如何使用jquery中的选择框将页面内容加载到div?

javascript - 传递变量作为对 jqueryui 小部件的引用

javascript - Meteor 1.0 MiniMongo 不向客户端提供对象

javascript - 从变量中获取 `/`之后的值

javascript - 一段时间后如何隐藏qtip工具提示?

javascript - 第二个隐藏和显示带链接的 div

jquery - 向 Django REST Framework 发送 jQuery 请求导致未找到 JSON 对象错误