Tag: jquery validate

MVC4：jQueryvalidationUnobtrusive Native工作不正确: 我的MVC4 Web应用程序是在Umbraco 7上构建的。我已经安装了以下nuget包： jQuery 1.10.2 jQuery.Validation 1.11.1 jQuery.Validation.Unobtrusive.Native.MVC4 1.1.0.0 不引人注目的validation来自这个网站： http ： //jqueryvalidationunobtrusivenative.azurewebsites.net/Home/GettingStarted 我的观点如下： Full Name @Html.TextBoxFor(m => m.FullName, true) @Html.ValidationMessageFor(m => m.FullName, “*”) Company @Html.TextBoxFor(m => m.Company, true) @Html.ValidationMessageFor(m => m.Company, “*”) Email Address @Html.TextBoxFor(m => m.EmailAddress, true) @Html.ValidationMessageFor(m => m.EmailAddress, “*”) Message @Html.ValidationMessageFor(m => m.Message, “*”) @Html.TextAreaFor(m => m.Message, true, 10, 30, new […]

如何使用jQuery Validate删除错误类？: 我有一个表单，使用jQuery Validate插件为一组复选框的父div添加一个错误类。但是，选中复选框时，将删除错误类，但CSS样式仍然存在。我有什么想法我做错了吗？示例： http ： //jsfiddle.net/qK3SC/ HTML： Item #1 Item #2 使用Javascript： $.validator.addMethod(‘require-one’, function(value) { return $(‘.require-one:checked’).size() > 0; }, ‘Please check at least one box.’); var checkboxes = $(‘.require-one’); var checkbox_names = $.map(checkboxes, function(e, i) { return $(e).attr(“name”) }).join(” “); $(“#itemForm”).validate({ groups: { checks: checkbox_names }, errorPlacement: function(error, element) { if (element.is(‘:checkbox’)) […]

jQuery Validation插件：当有submitHandler处理程序时，禁用指定提交按钮的validation: 好的，我正在使用umbraco论坛模块，并在评论表单上使用jquery validate插件。问题是我使用UserControl在同一页面上添加了一个搜索按钮，搜索提交按钮触发了评论表单提交validation。我做了一些研究，并在按钮上添加了“取消”css类。这绕过了第一个validation问题，但它仍然属于’submitHandler’。已阅读源代码并找到一种方法来检测搜索按钮是否触发提交。但是，没有一种绕过处理程序的好方法。我目前正在使用一种丑陋的方式来做到这一点：创建javascript错误！我想知道一个更好的方法来完成这项工作。非常感谢！顺便说一句，我目前正在使用： submitHandler: function (form) { $(form).find(‘:hidden’).each(function () { var name = $(this).attr(‘name’); if (name && name.indexOf(‘btnSearch’) === name.length – ‘btnSearch’.length) { // this is a dirty hack to avoid the validate plugin to work for the button eval(“var error = 1 2 ””); } }); […]

在jQuery validate插件中指定validation器的顺序: 我想知道是否可以指定validation器的运行顺序。目前我写了一个自定义validation器来检查它是否是[a-zA-Z0-9] +以确保登录validation我们的规则和远程validation器以确保登录可用但是当前远程validation器在我的自定义之前被激活validation器。我想仅在元素validation我的自定义validation器时才启动远程validation器。任何线索？谢谢阅读

如果存在validation错误，则触发事件？: 我需要为表单validation失败的任何情况添加句柄。我已经读过这个，这解释了我必须添加一个处理程序，如下所示： $(‘form’).bind(‘invalid-form.validate’, function () { console.log(‘form is invalid!’); }); 但是，当我尝试提交表单时，此事件才会触发。我需要处理一个事件，该事件在表单经过后validation时被触发（即元素失去焦点等）。我想要实现的是，我有一个大型（~50个字段），并且它在Bootstrap选项卡中分割。我想，当有任何新的validation失败或成功时，在包含无效/有效元素的选项卡的选项卡标题中设置或清除错误类。 PS我的问题不在于如何在选项卡中设置这些类。我只想知道要处理哪些事件，以便在整个表单中的每个validation状态更改时得到通知。

jQuery Validation插件中的组的自定义错误消息: 我正在使用jQuery Validation插件，我已经开始将我的一些字段组合在一起： groups: { fullName: “myFirstName myLastName” }, 我还将这些字段添加到规则部分，以便validation它们： rules: { myFirstName: { required: true }, myLastName: { required: true } }, 这很好用，并为组生成错误“此字段是必需的”。我的问题在于自定义错误消息。我有以下设置： messages: { fullName: “Please enter both your first name and your last name” } 不幸的是，自定义错误没有显示，只有通用错误。有没有人有任何想法？

jQueryvalidation插件 – 没有错误消息而是自定义背景: 我正在使用jQueryvalidation插件（ http://docs.jquery.com/Plugins/validation ）。正在validation的表单具有文本输入字段的自定义背景图像，因此我不想显示无效字段的错误消息，而是要更改背景图像。让事情变得有点棘手的是，字段的背景图像位于文本字段（具有透明背景且没有边框）后面的不同div 。我将在这里考虑这个设计决策的原因（它与文本字段中的边距有关），但我认为应该提到它，因为它对这个问题至关重要。因此，我有两个问题：如何一起停止显示错误消息？我怎样才能告诉validation插件，例如，如果名称字段（例如）无效，那么它应该更改相关div的背景（例如）？谢谢你的帮助！

未捕获的TypeError：对象没有方法validation: $(document).ready(function($){ $.supersized({ //Background image slides : [ { image : ‘images/pendulumWeb.jpg’ } ] }); $(“form[name=emailSubmit]”).validate({ rules: { title: { required: true }, fName: { required: true }, lName: { required: true }, profession: { required: true }, email: { required: true, email: true } }, messages: { title: { required: “Please enter your title.” }, […]

jQuery Validate无法调用未定义的方法’call’: 这个错误让我疯狂，一切似乎都井然有序，但希望我错过了一些简单的事情。我的aspx中的代码 $(‘#myForm’).validate({ rules: { ‘ctl00$SecondaryPlaceHolder$txPayloadDate’: { required: true, date: true }, ‘ctl00$SecondaryPlaceHolder$ddlMapPlat’: { required: true }, ‘ctl00$SecondaryPlaceHolder$txtBlock’: { maxLength: 3 }, ‘ctl00$SecondaryPlaceHolder$txtLeakNumber’: { number: true, maxLength: 27 }, ‘ctl00$SecondaryPlaceHolder$txtHouseNumber’: { required: true, maxLength: 10, }, ‘ctl00$SecondaryPlaceHolder$txtStreet’: { required: true, maxLength: 100 }, ‘ctl00$SecondaryPlaceHolder$txtCity’: { required: true, maxLength: 50 }, ‘ctl00$SecondaryPlaceHolder$txtReading’: { isPositiveInteger: true, maxLength: […]

一旦选择了日期，如何在jQuery UI datepicker上触发validation？: 我有一些客户端validation，检查以确保EndDate大于或等于StartDate 。 validation有效，但它并没有像我希望的那样触发。我想在EndDate的日期选择器上选择日期后立即触发。我怎么能做到这一点？我尝试过以下方法： Datepicker代码： $(“.datepicker”).datepicker({ changeMonth: true, changeYear: true, onClose: function () { $(this).focusout(); } }); validation码： $(“#EndDate”).focusout(function () { jQuery.validator.addMethod(‘datetimegreaterthanorequal’, function (value, element, params) { var startDateValue = $(params.element).val(); return Date.parse(value) >= Date.parse(startDateValue); }, ”); jQuery.validator.unobtrusive.adapters.add(‘datetimegreaterthanorequal’, [‘startdate’], function (options) { var prefix = options.element.name.substr(0, options.element.name.lastIndexOf(‘.’) + 1), other = options.params.startdate, fullOtherName […]