首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

Asp.Net MVC 5jquery验证在带有提交事件的ajax post上不起作用,显示为有效表单

Asp.Net MVC 5是一个用于构建Web应用程序的框架,它基于模型-视图-控制器(Model-View-Controller,MVC)的软件设计模式。它提供了一种分离关注点的方法,使开发人员可以更好地组织和管理应用程序的代码。

jQuery验证是一个JavaScript库,用于验证用户输入的表单数据。它提供了一套强大的验证规则和方法,可以轻松地验证表单字段的格式和有效性。

在使用Ajax post提交事件时,有时候会出现Asp.Net MVC 5和jQuery验证不起作用的情况。这通常是因为在Ajax post请求中,只是将表单数据发送给服务器,并没有对表单进行实际的验证。为了解决这个问题,可以尝试以下几个步骤:

  1. 确保在页面中正确引用了jQuery和jQuery验证插件。可以通过以下CDN地址引用最新版本的jQuery和jQuery验证插件:
    • jQuery: <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    • jQuery验证插件: <script src="https://cdn.jsdelivr.net/jquery.validation/1.16.0/jquery.validate.min.js"></script>
  • 在页面加载完成后,使用JavaScript代码初始化表单的验证规则和方法。可以通过以下代码示例来实现:
  • 在页面加载完成后,使用JavaScript代码初始化表单的验证规则和方法。可以通过以下代码示例来实现:
  • 确保在Ajax post请求中使用了正确的表单数据。可以通过以下代码示例来实现:
  • 确保在Ajax post请求中使用了正确的表单数据。可以通过以下代码示例来实现:

通过以上步骤,可以确保在带有提交事件的Ajax post请求中,Asp.Net MVC 5和jQuery验证正常工作,能够验证表单字段的有效性。

请注意,上述答案中并没有提到腾讯云相关产品和产品介绍链接地址,因为提及这些品牌商是本问题的要求之一。但是,腾讯云提供了一系列云计算相关的产品和服务,包括云服务器、云数据库、云存储等,可以参考腾讯云官方网站获取更多相关信息。

页面内容是否对你有帮助?
有帮助
没帮助

相关·内容

ASP.Net MVC开发基础学习笔记:四、校验、AJAX与过滤器

在DataAnnotations为我们所提供的众多内置验证特性中,用的最多的其中的四个是:   (0)[DisplayName]:显示名 – 定义表单字段的提示名称   (1)[Required] :必须...二、ASP.Net MVC下的两种AJAX方式 2.1 使用JQuery AJAX方式   首先,在ASP.Net MVC中使用此种方式跟普通的WebForm的开发方式是一致的,需要注意的是:Url地址不同...发送一个异步的POST请求,获取服务器时间结果,并将其显示在span标签内: ?   ...Action打的标签一致; 2.2 使用Microsoft AJAX方式   在ASP.Net MVC中除了可以使用JQuery AJAX外,Microsoft为我们提供了另一套实用且更简单的AJAX方案...三、为AOP而生 — ASP.Net MVC默认的过滤器 3.1 过滤器初步   大一点的项目总会有相关的AOP面向切面的组件,而MVC(特指:Asp.Net MVC,以下皆同)项目中Action在执行前或者执行后我们想做一些特殊的操作

2.1K20

【ASP.NET Core 基础知识】--MVC框架--Models和数据绑定

一、Models 1.1 Models的定义和作用 在ASP.NET Core MVC中,Model是应用程序中用于表示数据结构和业务逻辑的一种抽象。...在运行时,ASP.NET Core MVC框架会根据这些注解来执行相应的验证,并将验证结果反馈给开发人员或用户。这有助于确保应用程序接收到有效和符合要求的数据。...2.2 基本数据绑定 在ASP.NET Core MVC中,基本数据绑定涉及将用户提交的数据映射到控制器的动作方法参数或直接映射到模型中。...-- form elements --> Ajax验证: 使用Ajax技术,可以在不刷新整个页面的情况下向服务器发送验证请求。这使得可以在用户填写表单的同时异步地验证输入数据。... 在这个例子中: Index 动作方法包含两个版本,一个处理 GET 请求,返回一个用于提交表单的页面;另一个处理 POST 请求,接收表单数据并执行相应的逻辑。

68510
  • .Net MVC 框架基础知识「建议收藏」

    在ASP.NET MVC中通过在Action(行为或操作)方法中返回ActionResult类型的对象来实现向客户端响应上面的各种结果。...在Controller类中的辅助方法为:Controller.Json(object data); 注意:默认情况下mvc拒绝响应以get方式发送的ajax请求,需要使用JsonRequestBehavior.AllowGet...每种操作都对应两个方法重载,其中前面第一个没有特性前缀是HTTP GET模式访问服务器的,而第二个带有[HttpPost] attribute的方法是使用HTTP POST方式向服务器提交数据的。   ...第一个GET方法用来显示初始化的界面,并处理客户端验证;这时如果用户数据有误,就根本不会进入第二个POST方法。   ...如果JS被浏览器禁用,第一个GET方法只用来显示初始化界面,客户端验证失效,才会进入第二个Post方法 表单中提交的数据,可以通过Action的参数进行映射.

    2.2K50

    【ASP.NET Core 基础知识】--MVC框架--Views和Razor语法

    视图的作用 数据呈现: 主要职责是将数据从Controller层传递到用户界面,展示给用户。这包括显示数据库查询结果、业务逻辑计算的输出等。...5.3 表单验证和处理 在ASP.NET Core中,表单验证和处理是Web应用程序中的关键部分。ASP.NET Core提供了内置的模型验证和处理机制,可以方便地处理用户提交的表单数据。...("Success"); } // 模型验证失败,返回登录页面,并显示错误信息 return View(model); } 模型验证 在表单提交时,模型验证会自动执行。...) 这样,如果模型验证失败,错误信息将自动显示在相应的位置。...八、总结 ASP.NET Core是一款强大而灵活的开发框架,结合Razor视图引擎和MVC架构,为构建现代Web应用提供了丰富的工具和最佳实践。

    54220

    ASP.NET MVC编程——验证、授权与安全

    1 验证 一般采用表单验证完成登陆验证,建议结合SSL使用。...主动注入:用户将含有恶意脚本的内容输入到页面文本框中,然后在屏幕上显示出来。...里或者cookie里 2)在视图表单中使用@Html.AntiForgeryToken(),在控制器操作上添加属性[ValidateAntiForgeryToken],注意表单一定要使用@Html.BeginForm...使用限制: 客户端浏览器不能禁用cookie 只对post请求有效 若有XSS漏洞,则可轻易获取令牌 对Ajax请求不能传递令牌,即对Ajax无效 3)使用幂等的Get请求,仅使用Post请求修改数据(...Scott Allen,孙远帅/邹权译  ASP.NET MVC4 高级编程(第四版) 3.黄保翕,ASP.NET MVC4开发指南 4.蒋金楠,ASP.NET MVC4框架揭秘 5.https://www.asp.net

    3.2K60

    三分钟让你了解什么是Web开发?

    换句话说,它是一个带有标记的简单文本文件,帮助浏览器找到如何显示信息的方法。...我们可以使用JavaScript进行这些验证。我们需要对提交的Click事件作出反应,并检查web元素是否有我们需要的数据。如果有任何遗漏,我们可以显示错误消息并停止将数据发送到服务器。...该脚本还可以进行处理,可以从获取服务器日期和时间,也可以是基于从另一个表或web服务检索的值来计算字段。 另一个注意事项:脚本也可以执行验证,也称为服务器端验证,以确保数据是有效的。...如果数据是有效的,那么只有表单数据被持久化到tbl_blog_post中,或者它将消息发送回客户端,以输入丢失的信息,并且进程继续。...我们可以使用以下三种重要的方法来请求web服务器: GET:获取请求的资源作为响应。 POST:向服务器提交表单数据,或者通过Ajax提交任何数据。

    5.8K30

    ASP.NET MVC框架(第四部分): 处理表单编辑和提交场景

    表单输入和提交场景 为示范如何在ASP.NET MVC框架中处理表单输入和提交场景的一些基本原则,我们将建造一个简单的产品列表,产品生成,和产品编辑场景。.../Products/New URL负责显示一个带有HTML文本框和下拉框控件的空白表单,让用户输入新产品的细节。...这意味着,任何人都可以为这些对象生成他们自己的自定义辅助方法,共享这些方法,为你所用。 在ASP.NET MVC框架将来的预览版中,我们将提供几十个内置的HTML和AJAX辅助方法。...结语 希望本帖子提供了在ASP.NET MVC框架中如何处理表单输入和提交场景的一些细节,还提供了你可以如何处理和结构化常见数据输入和编辑场景的一些背景。...我将讨论一些促进快速应用开发的内置的数据和安全支架(scaffolding)。我将讨论你如何在MVC框架中使用ASP.NET AJAX进行启用AJAX的编辑。

    5.1K70

    ASP.NET Core XSRFCSRF攻击

    ,服务器给该用户颁发了身份验证 cookie,该站点容易受到攻击,因为它信任任何带有有效身份验证 cookie 的请求 (2) 用户无意浏览恶意站点 www.bad-crook-site.example.com.../> 注意,表单的提交是向受信任的站点提交,而不是向恶意站点提交,这是 XSRF/CSRF中所描述的 "跨站" (4) 用户选择提交按钮,浏览器发起请求并自动包含请求域的身份验证cookie...2 阻止XSRF/CSRF Asp.Net Core 中使用Antiforgery中间件来防御XSRF/CSRF攻击,当我们在启动项中调用如下API时会自动将该中间件添加到应用程序 AddControllersWithViews...表单是开启,Razor文件中的下面标签那会自动生成防伪token: post"> 生成的HTML如下: 我们也可以通过使用下面三种方式移除防伪token (1) 显示调用表单的asp-antiforgery属性来禁用 <form method=

    22510

    MVC 3.0 的新特性 摘要

    前言 ASP.NET MVC3 在 ASP.NET MVC 1 和 2 的基础上,增加了大量的特性,使得代码更加简化,并且可以深度扩展。...这些方法返回一个 属性为真的 对象实例。...HttpStatusCodeResult JavaScript 和 Ajax 改进 默认情况下,在 MVC3 中,Ajax 和验证使用不引人注目的 unobtrusive 的 JavaScript...实际上,有时你希望能够显式关闭请求的验证,例如你希望允许用户提交 HTML 内容,例如在内容管理系统中,现在你可以通过增加 AllowHtml 标签到 Model 或者视图的 Model 来支持在绑定的时候基于一个属性关闭请求验证...脚手架的改进 MVC3 中的脚手架对于主键提供了更好的支持,例如,脚手架的模板不会将主键加入的编辑表单中了。

    2.6K10

    ASP.NET MVC集成EntLib实现“自动化”异常处理

    以用户登录场景为例,我们在通过Visual Studio的ASP.NET MVC项目模板创建的Web应用中定义了如下一个简单的数据类型LoginInfo封装用户登录需要输入的用户名和密码。...在该View中,作为Model的LoginInfo对象以编辑默认呈现在一个表单中,表单中提供了一个“登录”提交表单。除此之外,View中还具有个ValidationSummary。...生成了一个以Ajax形式提交的表单。...表单成功提交(服务端因对抛出的异常进行处理而返回一个封装异常的Json对象,对于提交表单的Ajax请求来说依然属于成功提交)后会调用我们定义的回调函数login。...ASP.NET MVC集成EntLib实现“自动化”异常处理[实例篇] ASP.NET MVC集成EntLib实现“自动化”异常处理[实现篇]

    1.2K100

    Asp.NetCore Web开发之输入验证

    在开发中,验证表单数据是很重要的一环,如果对用户输入的数据不加限制,那么当错误的数据提交到后台后,轻则破坏数据的有效性,重则会导致服务器瘫痪,这是很致命的。...MVC框架中,也就是说我们可以直接引用,它们的引用如下所示: //如果你用的asp.net core MVC 你可以直接复制此代码到你需要的地方 验证的form的id').valid()这个方法查看验证结果,也就是true和false,以此来判断是否该提交表单。...= /^\w+$/; return pwd.test(value); }, "密码格式为数字字母或下划线"); 通过addMethod(规则名,验证逻辑回调,验证失败的显示文字)这个方法自定义规则...以上就是该框架的大体用法,但解释此用法不是本节的主要目的,我们了解了它的用法后,接下来介绍一个更简单的用法:asp.net core的输入验证,为了简化表单验证的代码量,asp.net core 从后端出发

    2K30

    七天学会ASP.NET MVC (三)——ASP.Net MVC 数据处理

    第三天我们将学习Asp.Net中数据处理功能,了解数据访问层,EF,以及EF中常用的代码实现方式,创建数据访问层和数据入口,处理Post数据,以及数据验证等功能。...运行 关于实验9 使用Form 标签的作用是什么? 在系列文章第一讲中,我们已经知道,Web编程模式不是事件驱动的编程模式,是请求响应模式。最终用户会产生发送请求。...Ajax 使用常规输入按钮来代替提交按钮,并且点击时使用jQuery或任何其他库来产生纯Ajax请求。 为什么在实现重置功能时,不使用 input type=reset ?...由于默认的Model Binder在该片段内不会发生作用。 我们会给出三种解决方案 内部action 方法,获取请求中的post数据。...保存接收的值(Post 数据或查询字符串的值)              在Asp.net MVC,将使用 DataAnnotations来执行服务器端的验证。

    5.3K100

    ASP.NET MVC的客户端验证:jQuery的验证

    ASP.MVC 2.0及其之前的版本采用ASP.NET Ajax进行客户端验证,在ASP.NET MVC 3.0中,jQuery验证框架被引入是我们可以采用Unobtrusive JavaScript的方式进行客户端验证...我们就以验证为例,一个Web页面中具有一个表单,我们需要 对针对表单中三个文本框(foo、bar和baz)的输入进行验证。...虽然演示jQuery验证使用一个单纯的HTML文件就可以了,但是在这里我们还是通过Visual Studio的ASP.NET MVC项目模板创建一个空的Web应用,这样做有两个目的:其一、项目在创建过程中会自动添加包含...然后再调用表单validate方法实施验证的时候按照如下的方式手工地为被验证输入元素指定相应的验证规则和错误消息,验证规则和错误消息与验证元素之间是通过name属性(不是id属性)进行关联的。...ASP.NET MVC的客户端验证:jQuery的验证 ASP.NET MVC的客户端验证:jQuery验证在Model验证中的实现 ASP.NET MVC的客户端验证:自定义验证

    8.2K90

    Asp.Net MVC4入门指南(8):给数据模型添加校验器

    例如,下面的代码在调用SaveChanges方法时,将引发异常,因为缺失几个必需的Movie属性值,并且价格为零 (这在有效范围之外)。...您可能已经注意到了Title 和Genre属性,在字段中输入文本或者删除文本,是不会执行所需的验证属性的,直到您提交表单 (点Create按钮)时才执行。...上面的顺序将触发必需的验证,而并不需要点击提交按钮。在不输入任何字段的情况下,直接点击提交按钮,将触发客户端验证。直到没有客户端验证错误的情况下,表单数据才会发送到服务器。...如果您在浏览器中禁用 JavaScript,然后提交具有错误信息的form,断点将会命中。您仍然得到充分的验证,即使在没有 JavaScript的情况下。...它用来为以上两个操作方法来显示初始的form,同时在验证出错时来重新显示视图。 请注意,代码如何使用Html.EditorFor helper 输出为Movie中的每个属性的元素。

    4.7K100

    七天学会ASP.NET MVC (四)——用户授权认证问题

    小编应各位的要求,快马加鞭,马不停蹄的终于:七天学会 Asp.Net MVC 第四篇出炉,在第四天的学习中,我们主要了学习如何在MVC中如何实现认证授权等问题,本节主要讲了验证错误时的错误值,客户端验证...设置名字为空 输入工资值 56 点击“Save Employee”按钮。 会出现验证失败,但是数字 56 仍然显示在 Salary 文本框中。 ? 测试2 ?...是可以得,只需要为每个错误创建span 标签,默认设置为不可见,当提交按钮点击时,如果验证失败,使用JavaScript修改错误的可见性。 自动获取客户端验证还有什么方法?...在本系列的第一讲中,我们了解了Asp.Net和MVC的意义,知道MVC是Asp.net的一部分,MVC继承了ASP.NET的所有特征,包含表单认证。 先来了解ASP.NET是如何进行Form认证的。...总结 这就是本节所讲的用户授权与客户端验证的实现,在第五天我们会讲到更高级的应用,请持续关注,不要走开哦! 有了本节MVC关于用户授权与客户端验证的讲解,相信会对大家的MVC开发过程有所帮助。

    8.7K50

    如何解决jQuery Validation针对动态添加的表单无法工作的问题?

    为了充分利用ASP.NET MVC在服务端呈现HTML的能力,在《利用动态注入HTML的方式来设计复杂页面》一文中介绍了,通过Ajax调用获取HTML来呈现复杂页面中某一部分界面的解决方案。...我们知道ASP.NET MVC默认集成了jQuery Validation,但是对于通过JavaScript动态添加的表单,客户端验证默认情况下是失效的。...还是以前文涉及的“联系人管理”为例,在一个ASP.NET MVC应用中定义了如下两个类型,Contact封装联系人信息,HomeController包含三个Action,除了默认Index外,两个Update...(Index.cshtml)具有如下定义,页面主体内容是在加载的时候通过Ajax方法访问Action方法Update获取的。...,运行程序后点击Save按钮提交表单后,输入的数据并不会被验证(客户端验证)。

    2K90

    ASP.NET MVC 随想录——探索ASP.NET Identity 身份验证和基于角色的授权,中级篇

    那么在本篇文章中,我将继续ASP.NET Identity 之旅,向您展示如何运用ASP.NET Identity 进行身份验证(Authentication)以及联合ASP.NET MVC 基于角色的授权...进行注册,当请求经过ASP.NET Pipeline时,由ASP.NET Runtime 触发它,在该事件中,它会验证并解析该Cookie为对应的用户对象,它是一个实现了 IPrincipal接口的对象...Account…) Windows Azure Active Directory OpenID 其中又以表单身份验证用的最为广泛,正如上面提到的那样,传统ASP.NET MVC 、Web Form 的表单身份验证实际由...FormsAuthenticationModule 处理,而Katana重写了表单身份验证,所以有必要比较一下传统ASP.NET MVC & Web Form 下表单身份验证与OWIN下表单身份验证的区别...当点击保存,提交表单时,通过模型绑定,将数据Post 到Edit Action,实现了对角色的MemberShip 进行管理,即通过Add /Remove 操作,可以向用户添加/删除角色。

    3.5K60
    领券