如果验证失败,如何在ASP.NET MVC中阻止jquery ajax提交
我正在使用ASP.NET 5 MVC RC1
我的ASP.NET MVC使用的jquery验证插件是默认的ASP.NET 5模板项目使用的标准jquery.validate.js. /*! * jQuery Validation Plugin v1.14.0 * * http://jqueryvalidation.org/ * * Copyright (c) 2015 J?rn Zaefferer * Released under the MIT license */ 和jquery.validation.unobtrusive.js /*! ** Unobtrusive validation support library for jQuery and jQuery Validate ** Copyright (C) Microsoft Corporation. All rights reserved. */ 我在下面提供了一个简单的必填字段示例来演示我的问题. 视图模型: public class TierImportStatusUpdateViewModel { [Required] public string String1 { get; set; } [Required] public string String2 { get; set; } //more fields } CSHTML: @model MyViewModel <form action="/controller/action" data-ajax="true" data-ajax-method="POST" data-ajax-mode="replace" data-ajax-update="#dic1" id="form1" method="post" class="allforms"> @Html.LabelFor(model=>model.String1) @Html.EditorFor(model=>model.String1) @Html.ValidationMessageFor(model=>model.String1) <br> @Html.LabelFor(model=>model.String2) @Html.EditorFor(model=>model.String2) @Html.ValidationMessageFor(model=>model.String2) <br> <button type="submit" class="btn btn-primary" id="submit" name="submit">submit</button> </form> 以上验证工作正常. 然后我使用以下jquery,因为我想捕获所有表单提交并执行一些额外的逻辑: $(".allforms").submit(function (e) { e.preventDefault(); var self = this; $.ajax({ processData: false,contentType: false,data: new FormData(this),type: $(this).attr('method'),url: $(this).attr('action'),success: function (data) { //other logic } }); return (false); }); 当单击按钮时,此jquery函数可以工作并调用我的控制器方法. 如果现有验证字段失败,如何防止jquery函数不调用ajax方法? 由于验证消息正在屏幕上显示,因此我无需进行自己的验证.我只需要阻止提交 在我的表单中我唯一能找到的是个别验证字段,例如 <span class="text-danger field-validation-valid" data-valmsg-for="String1" data-valmsg-replace="true"></span> 并且表单只有novalidate = novalidate标记,jquery.validate.js将其添加到启用的所有表单中. 解决方法
只有在表单有效时才需要有条件地进行ajax调用,这可以通过以下javascript代码完成:
if ($("#form1").valid()) { // make the ajax call } 文档在这里:.valid(). 请确认生成的页面中的表单ID确实是form1.如果没有,可以使用其他选择器,或者获取将由Razor代码生成的id的方法. 注意:当我重读您的代码时,我可以看到您正在为所有表单使用单个处理程序.在这种情况下,您必须在触发事件的表单中调用.valid()方法,该方法可用于$(this).即,执行$(this).valid()来检查表单是否有效. (编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |
- asp.net – 使用Web Garden模拟Web Farm会话问题?
- asp.net-mvc – Resharper导航到MVC视图
- asp.net – RegisterForEventValidation只能在渲染过程中调
- asp.net – 如何通过在MasterPage上单击按钮来处理usercont
- asp.net – 实际文化是否与SQL相关联到CLR float-double转换
- 将ASP.net Web API用作服务层是否合适?
- asp.net-mvc-5 – 如何检查用户是否从MVC5布局文件登录
- asp.net-mvc – 如何手动创建简单的成员资格sql表?
- asp.net – Response.Write和UpdatePanel
- 如果ASP.NET破坏其ID,我如何从javascript访问DIV?
- asp.net-mvc – 当前上下文中不存在’HttpClient
- asp.net – 更改User-Agent标头触发表单身份验证
- asp.net – 如何在DotVVM viewmodel中创建会话变
- asp.net – 防止百分比字符转换
- asp.net-mvc – ASP.NET MVC和EF代码第一内存使用
- asp.net-mvc – mvc [DataType(DataType.EmailAd
- asp.net-web-api – 设计REST ful ODATA API,结果
- 我需要为ASP.NET 4网站提供额外的XSS安全性吗?
- 我到底是什么时候需要在经典的asp中将对象设置为
- 基于Azure IoT开发.NET物联网应用系列-全新的Azu