Tag: jquery validate

集中来自表单的一些错误消息

目前,我正在使用errorPlacement为每个输入打印错误消息: $(‘#my_form’).validate({ errorPlacement: function(error, element) { // Some code that print error below each inputs }, … 然后,我尝试使用showErrors集中错误消息,如下所示: showErrors: function(errorMap, errorList) { // Some code that centralize each error for each input in one place }, … }); 它工作正常,但现在我只想集中我的表单的一些错误消息 ,而不是所有的错误消息 。 比如将showErrors仅用于我想要集中的输入,然后使用errorPlacement用于其他输入。

如何使用jQuery使用dropkick select元素validation表单validation(基于DIV的select表单元素)

我想在基于div的select表单元素上使用jQueryvalidation库。 我正在使用dropkick库来美化我的选择,但由于我的选择元素被DIVS重新创建,我在尝试validation表单时遇到了困难。 Please Select Admin Auditor 上面的选择字段将转换为下面的html。 Please Select Please Select Admin Auditor 我为validation器构建了以下自定义方法,但不确定如何将其应用于表单validation过程。 $.validator.addMethod( “permissionGroupCheck”, function(value, element){ var spanValue = $(“#dk_container_permissionGroup span.dk_label”).text(); if(spanValue == “Please Select”){ return false; }else{ return true; } } );

regex jqueryvalidation器中字符类中的范围乱序

我正在尝试使用jqueryvalidation器插件来测试regEx并在正则表达式不匹配时显示错误消息。 看看我到目前为止编写的代码。 Submit 另请查看我在下面编写的js代码: $().ready(function() { $(‘#sampleForm’).validate({ rules: { phoneNumber: { required: true, nameTest: true } }, messages: { phoneNumber: { required: “Please enter anything” } } }); }); jQuery.validator.addMethod(“nameTest”, function(value, element) { return /^[aZ]$/.test(value); }, “success, it’s working”); 我只使用一个简单的regEx来只允许带有/^[aZ]$/ az字母。 我不知道为什么,但我得到了: 无效的正则表达式:/ ^ [aZ] $ /:字符类中的顺序乱序 请帮忙,在此先感谢:)

在javascript中使用时正则表达式无效组错误

我有以下正则表达式,检查多种类型的电子邮件地址输入 [\W”]*(?.*?)[\”]*?\s*[<(]?(?\S+@[^\s>)]+)[>)]? 我得到了这个如何在ruby中的3个主要电子邮件客户端中使用正则表达式名称和电子邮件? 我面临的问题是,在javascript中使用这个时我得到一个错误“未捕获的SyntaxError:无效的正则表达式:/ [ /[\W”]*(?””.*?)[\”]*?\s*[<(]?(?"”\S+@[^\s>)]+)[>)]?/ :无效组“ 我花了整整一天试图解决这个问题,我发现这个问题与lookbehind有关 javascript不支持 我对正则表达式表达非常不满意,需要一些建议。 有人可以指出我正确的方向。 PS:我正在尝试将此function与jquery validate插件集成 Jqueryvalidation

在使用Ajax生成的表单上使用jqueryvalidation插件

使用jQueryvalidation插件时,如何validation使用ajax生成的表单? 我的意思是,当页面加载时,表单最初不会出现在页面上,而是使用ajax添加到页面中。 我正在关注bassistance.de/jquery-plugins/jquery-plugin-validation/上的示例,但似乎validation插件不会validation表单。 否则,它工作正常。 有没有办法做到这一点。 就像jquery使用live()一样,我可以使用什么来使插件在这种情况下工作? 我这样做: $(“#thisForm”).validate({ rules: { }, messages: { }, submitHandler: function() { $.ajax({ type: “POST”, url: “/”, data: $(‘#thisForm’).serialize(), dataType: “json”, cache: false, beforeSend: function(html) { }, success: function(signInData) { }, }); } });

通过JQuery Validate Plugin点击同一HTML表单中的不同按钮,validation不同的字段

例如,假设我在表单中有两个文本框A,B和两个按钮C,D。 然后我想点击按钮C,如果只有文本框A有效则表单有效,点击按钮D,如果只有文本框B有效则表单有效。 有谁知道如何做到这一点?

针对twitter bootstrap按钮组的jQueryvalidation

我正在使用Twitter Bootstrap作为我的UI,我正在尝试在我的webforms上使用jQueryvalidation。 在某些forms上,我使用“btn-group”来提供输入,但我正在努力研究如何在以下HTML上使用jQueryvalidation: New Used 当选择一个按钮时,“活动”类将附加到所选按钮,这将是我正在寻找的“validation”。 我想过使用类似于这样的方法: 基于Class的jQuery自定义validation – 我会搜索任何“SaleTypeToggle”项目,它们也有一个“活动”类,但不知道如何触发这样的事件。 任何帮助表示赞赏,谢谢!

jQueryvalidation – 选择多维数组至少1

如何使用jQueryvalidationvalidation以下内容。 用户必须至少选择以下选项之一。 0 1 2 0 1 2 0 1 2

jQuery Validate – 将错误类添加到Parent Div

我正在使用jQuery Validate插件,并且永远找不到显示复选框错误的好方法。 如果没有选中,我想以红色突出显示所有复选框标签,并决定通过向包含复选框和复选框标签的div添加错误类来执行此操作。 但是,它似乎没有添加类。 我没有正确选择div吗? HTML: Items: Item #1 Item #2 Item #3 使用Javascript: $().ready(function() { $(‘#addForm’).validate({ rules: { “items”: { required: true, minlength: 1 } }, errorPlacement: function(error, element) { if (element.is(‘:checkbox’)) { $(this).prev(“div”).addClass(‘checkbox-error’); } else { return true; } } }); }); CSS: .error { background-color: #FF898D; border: 1px solid #000; } .checkbox-error […]

jQueryvalidation停止表单提交

我正在使用jQueryvalidation表单,但是当表单被validation时,它会重新加载或提交我要停止该操作的页面。 我已经使用了event.preventDefault(),但它不起作用。 这是我的代码: $(“#step1form”).validate(); $(“#step1form”).on(“submit”, function(e){ var isValid = $(“#step1form”).valid(); if(isValid){ e.preventDefault(); // Things i would like to do after validation $(“.first_step_form”).fadeOut(); if(counter == 3){ $(“.second_step_summary”).fadeIn(); $(“.third_step_form”).fadeIn(); $(“.third_inactive”).fadeOut(); }else if(counter < 3){ $(".second_step_form").fadeIn(); $(".third_inactive").fadeIn(); } $(".first_step_summary").fadeIn(); $(".second_inactive").fadeOut(); } return false; });