Tag: jquery validate

jQueryvalidation插件，按名称分组输入元素: 我有一半的表单正确的插件工作，但我也有多个具有相同名称的表单元素，如下所示： Select a product 根据用户决定在表单中有多少订单商品，此重复多次。因此，如果每行中的名称都相同（例如name=code[] ），我将如何使用插件应用jQuery表单validation： docs.jquery.com/Plugins/Validation/validate ?? 谢谢

无法在jquery.validate回调中断: 我正在使用Firefox / Firebug，尝试逐步执行一些jquery.validate（）回调。为什么单击提交按钮时，下面的// Breakpoint行上的// Breakpoint不会触发？ $(document).ready(function () { $(‘form’).validate({ debug: true, submitHandler: function () { alert(“Submitted!”) // Breakpoint }, invalidHandler: function (form, validator) { alert(“Invalid!”) // Breakpoint } }) }); 更新实际上，似乎任何validate（）选项都没有生效。例如，我已经在上面的示例中添加了debug: true ，并且根据文档它应该阻止提交表单，并且它仍在提交表单。也没有任何警报被触发。但是，我已经确认调用了validate（）函数，因为我可以逐步完成 – 只是不回调。

如何创建通用jqueryvalidation和重置函数调用: 我正在使用jquery validate插件为应用程序中的所有表单创建validation方法。使用jquery each（）函数循环每个表单并应用该方法。我想使用相同的每种方法实现重置。我怎么能做到这一点？这是有效的代码： $(“form”).each(function () { $(this).validate(); }); 这是没有的代码 $(“form”).each(function () { validator = $(this).validate(); validator.resetForm(); $(“#reset”).click(function () { validator.resetForm(); }); }); 请指教..

jQuery Validator自定义方法: 你能看一下http://jsbin.com/osolo/吗？如果你在Min Age中输入一个字母而不是一个数字然后点击使用jqueryvalidation器在自定义validation方法中使用正则表达式提交此validation，这可行，但我现在希望使它更具动态性。在自定义validation方法中的行 var data = $(element).metadata(); 从被validation的元素中获取元数据，我想要做的就是使用 data.validateOptions.regex 作为要测试的正则表达式（我看不出这是一个问题），我能看到的问题是如果字段不validation，而不是使用在调用时提供的消息 jQuery.validator.addMethod(name, method, message) 我想用 data.validateOptions.message 作为自定义方法中的错误消息，有人能指出我正确的方向吗？谢谢单次

不同选项卡中两个表单的JQueryvalidation: 我在找到一个很好的解决方案，在两个选项卡上validation两个不同的表单时遇到了一些麻烦。我希望两者都有效发布数据。我正在使用标签的引导框架和jqueryvalidation。这是一个例子： http ： //jsfiddle.net/SLsde/ HTML Tab 1 Tab 2 Input 1 Input 2 JS var form1 = $(“#form1″).validate({ ignore: ”, rules: { “input1”: “required” } }); var form2 = $(“#form2″).validate({ ignore: ”, rules: { “input2”: “required” } }); $(“#form1”).submit(function (e) { e.preventDefault(); if (form1.valid() && form2.valid()) { alert(“Post Data”); } else { […]

数据注释validation+ jQuery.Ajax发布: 这个问题被问到但没有得到答复。我有联系表单，我正在使用ContactFormModel的数据注释。我添加了这行到表单的顶部。当我单击提交按钮时，客户端validation工作正常。现在我改变了主意，想用jQuery.Ajax发布表单。这次我想完成这个。点击提交按钮。 MicrosoftMVCValidation执行客户端validation并在客户端上呈现错误。如果Model有效，我的意思是如果validation通过，我希望我的jQuery AJAX参与其中。但是当我点击提交按钮时，AJAX post和mvc客户端validation都有效。我怎样才能得到正确的顺序。 Mvc客户端validation 然后是jQuery.Ajax Post。

jQuery Validate＆Nice选择一致吗？: 是不是选择使用jQueryvalidation？因为我得到一个奇怪的错误，我会尝试解释它如果还没有提交表单，我可以从nice select插件中选择值并正确更新（默认选择下拉列表）值，我可以提交表单而不会出现问题现在，如果我刷新页面然后我提交表单，jQuery错误validation按预期附加，因为我没有选择一些值，所以我从（精选值）中选择一些值，现在它不更新（默认选择）因此我无法提交表格我认为当调用validate插件时，select不会动态更新，或者我可能会遗漏一些东西小提琴 HTML ： Select a value 1 2 3 4 Submit jQuery ： $(document).ready(function() { // Form Validate $(‘#MyForm’).validate({ ignore: [], rules: { select: { selectcheck: true } } }); jQuery.validator.addMethod(‘selectcheck’, function (value) { return (value != ”); }, “Value required”); // Activate NiceSelect $(‘#MySelect’).niceSelect(); }); 任何帮助，将不胜感激提前致谢

如何在多个字段的基于DIV的select表单元素上使用jQuery Validate: 嗨我已经提到这个下拉框validation。如果我有多个表示它没有正确显示，它只适用于一个下拉列表 $(document).ready(function () { $(‘.default’).dropkick(); $(‘.example_form’).validate({ highlight: function (element, errorClass) { $(element).siblings(‘.dk_container’).addClass(‘error’); $(‘.dk_toggle’).css(‘border’, ‘none’); }, unhighlight: function(element, errorClass) { $(element).siblings(‘.dk_container’).removeClass(‘error’); $(‘.dk_toggle’).css(‘border’, ‘1px solid #ccc’); } }); }); 这是一个小提琴如何突出显示每个字段的错误

仅使用keyup事件触发表单validation中的文本框的一些规则，并取消其余部分的事件: 我在我的应用程序中有一个表单，我正在使用jQuery表单validation插件进行validation。其中一个规则是remote类型，用于validation用户名是否已存在。我已经能够覆盖onkeyup事件，因此规则不会输入我输入的每个字母的服务器。我这样做的方式如下： var validator = $(“#frmSite”).validate({ onkeyup: function(element) { var element_name = jQuery(element).attr(‘name’); if (this.settings.rules[element_name] != undefined) { if (this.settings.rules[element_name].onkeyup !== false) { jQuery.validator.defaults.onkeyup.apply(this, arguments); } } }, rules: { : { onkeyup: false, required: true, minlength: 6, remote: function () { var params = { userName: userNameTextbox.val() }; return { type: “POST”, url: […]