jquery-validate 相关问题

在 jQuery Validate 插件中使用 addMethod

我想使用 jQuery Validate 插件的自定义验证方法 (addMethod) 验证文本框，但我的代码不起作用。 谁能帮我找出错误吗？ 我从未使用过自定义验证

使用 jquery 验证插件需要两个字段或两者都不需要

下面的代码表示两个字段都可以为空，或者都必须有值。 它可以工作，但不是很用户友好。 当您更改一个字段时，它只会验证该字段，而不会验证

如何对输入元素数组执行 jquery 验证

我有一个获取用户姓名的动态输入列表。我需要使用 jquery 验证插件进行验证。下面是我的代码结构。 我回答了所有的问题，但无法得到正确的答案

如何通过npm正确导入jquery验证

如何通过 npm 正确导入 jquery 验证？ （https://www.npmjs.com/package/jquery-validation）。我试图简单地说： @import jquery-validation/dist/jquery.validate.min.js 到我的脚本中...

未捕获类型错误：无法读取未定义的属性“addMethod”

jQuery(文档).ready(function () { //警报（“HIQ”）； $('.mySelectCalendar').datepicker({ firstDay: 1, dateFormat: "dd.mm.yy" }); $.validator.addMethod( '日期'，

使用 jQuery 显示/隐藏引导手风琴面板

我有一个引导手风琴。现在我想仅在特定场景下启用面板。当我的一个面板有效时，只有另一个面板才应该可折叠 我有一个引导手风琴。现在我想仅在特定场景下启用 panel。当我的一个面板有效时，只有另一个面板有效 should be collapsible <div class="panel-group" id="accordion"> <div class="panel panel-default"> <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">Collapsible Group Item #1 </a> </h4> </div> <div id="collapseOne" class="panel-collapse collapse in"> <form id="myform" action="" method="post"> //when this form is valid, then open the collapseTwo panel <div class="panel-body"> <input type="text" id="txtName" name="txtName" /> <br /> <input type="text" id="txtCountry" name="txtCountry" /> <br /> <input id="btn" type="submit" name="submit" value="Submit" /> <br /> </div> </form> </div> </div> <div id="clickMe" class="panel panel-default"> // this will remain closed unless the above form is not valid <div class="panel-heading"> <h4 class="panel-title"> <a data-toggle="collapse" data-parent="#accordion" href="#collapseTwo">Collapsible Group Item #2 </a> </h4> </div> <div id="collapseTwo" class="panel-collapse collapse"> <div class="panel-body"> //Some data </div> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { $("#myform").validate({ rules: { txtName: { required: true }, txtCountry: { required: true } } }); $("#myform").valid(); $('#clickMe').on('shown.bs.collapse', function (e) { //i click on the panel header if ($('#myform').valid()) { //now if the first panel(which contains form) is valid $('#collapseTwo').collapse('show'); //then show the clicked panel } else { $('#collapseTwo').collapse('hide'); //else always keep it hidden/locked alert('form invalid'); } }) }); </script> 小提琴 这与它实际的功能并不接近。 collapseTwo 面板应被锁定，并应显示一条警告消息，指出collapseOne 面板无效。如果表单有效，那么它应该是折叠的默认行为。 您正在面板关闭后进行检查 shown: $('#clickMe').on('shown.bs.collapse', function (e) { 请使用 show 方法： $('#clickMe').on('show.bs.collapse', function (e) { 还有其他事情正在发生，但这只是一个开始。 更新：发现另一个问题...不需要强制崩溃行为。必要时就预防一下吧。 if (!$('#myform').valid()) { return false; } 演示 使用默认折叠方式显示和隐藏 展示 $("#collapseOne").collapse('show'); 隐藏 $("#collapseOne").collapse('hide');

不知道为什么我的 div 没有显示验证消息

我似乎无法弄清楚为什么在验证字段后我的 div 中没有显示任何文本。我知道验证正在运行，但是我不确定为什么我的验证消息没有显示...

如何聚焦或滚动到自定义复选框隐藏元素？

我有一个自定义卡片复选框。如果它（卡复选框）是必需的并且未选中，我想将焦点和滚动到表单提交（表单正在使用 jQuery 验证进行验证）到此卡复选框。怎么...

jquery 验证如果另一字段不为空，则使一个字段为必填

我在使用 jQuery.validate 1.11 、.Net 4.8 和 MVC 5 with Razor 时遇到一些问题。 我的班级有这两个属性： [StringLength(500, ErrorMessage = "{0} 的最大值为 {1}

如何在弹出窗口中显示jquery验证错误消息？

我想在弹出窗口中显示邮政编码字段错误消息。其他字段不需要弹出错误消息。我使用了下面的代码。这个怎么解决啊。 $(文档).ready(函数() { $(“#conference_for...

通过 Jquery 验证数据规则属性使用子规则

参考：https://github.com/pes10k/jquery.validate.file/blob/master/jquery.validate.file.js $("#upload_form").validate({ 规则：{ 示例文件：{ ...

提交表单之前验证文件扩展名和大小

我正在使用 jQuery 验证插件，并且想在提交表单之前验证文件扩展名和文件大小。 “严格使用”； $('#update_profile').validate({ 规则：{ 名： { ...

JQuery 验证未捕获类型错误：无法读取未定义的属性“设置”

我在 JQuery Mobile 表单上使用 JQuery Validate，该表单具有带有动态创建的自动完成选项的列表视图。 如果您尝试在自动完成字段中输入内容，我会收到此错误...

如何验证数组输入 Jquery 的数组？

我们如何使用jquery验证插件验证数组输入框的数组？ 下面是html代码。 我们如何使用 jquery 验证插件验证数组输入框的数组？ 以下是html代码。 <form id="transport-form"> <div class="form-group> <label> Room1</label> <input type="text name="child[0]" value="2"> <input type="text" name="age[0][]"> <input type="text" name="age[0][]"> </div> <div class="form-group> <label> Room2</label> <input type="text name="child[1]" value="2"> <input type="text" name="age[1][]"> <input type="text" name="age[1][]"> </div> <input type="submit value="submit"> </form> 我没有孩子的输入child[*]并接受每个孩子的年龄。 如果我输入 2 个孩子，则需要强制填写年龄。 jquery 代码如下 jQuery("#transport-form").validate({ rules: { 'age[*][]': { required: function(element){ check age is between 1 to 12 } } }, }); <form id="transport-form"> <div class="form-group"> <label>Room1</label> <input type="text" name="child[0]" value="2"> <input type="text" name="age[0][]" class="age-input"> <input type="text" name="age[0][]" class="age-input"> </div> <div class="form-group"> <label>Room2</label> <input type="text" name="child[1]" value="2"> <input type="text" name="age[1][]" class="age-input"> <input type="text" name="age[1][]" class="age-input"> </div> <input type="submit" value="submit"> </form> jQuery $(document).ready(function() { $.validator.addMethod("ageRange", function(value, element) { var age = parseInt(value, 10); return age >= 1 && age <= 12; }, "Age must be between 1 and 12."); var rules = {}; $(".age-input").each(function() { var name = $(this).attr("name"); rules[name] = { required: true, ageRange: true }; }); $("#transport-form").validate({ rules: rules, messages: { 'age[0][]': { required: "Please enter an age for Room 1.", ageRange: "Age must be between 1 and 12 for Room 1." }, 'age[1][]': { required: "Please enter an age for Room 2.", ageRange: "Age must be between 1 and 12 for Room 2." } } }); });

指定 jQuery 验证插件中验证器的顺序

我想知道是否可以指定验证器的运行顺序。 目前我编写了一个自定义验证器来检查它是否为 [a-zA-Z0-9]+ 以确保登录验证我们的规则...

将相同的 JQuery Validate 规则两次添加到动态字段是否不正确，是否有害？

我在表单上有大量动态克隆字段。这些字段是克隆组。 每次添加克隆时，我都会使用通配符选择器将规则分配给 DOM 中的所有字段。 ...

动态添加Select 2，Jquery Validations不起作用

我正在开发一个表单，供用户将多个商品添加到购物车，并且需要验证没有任何字段留空。我正在利用 Select2 插件、Jquery Validator 和 jQuery...

jQuery Validate 插件不适用于规则（'add'）方法

我有一个问题... 我正在为 sobipro 开发一个 joomla 自定义搜索模块，它可以在特定类别中搜索，但不能在其子类别中搜索。 因此，我需要验证 f...

jquery 验证没有显示错误消息

我正在尝试使用jquery验证，但由于某种原因没有显示错误消息，即使我尝试遵循各种示例： 我正在尝试使用 jquery 验证，但由于某种原因，即使我尝试遵循各种示例，也没有显示错误消息： <form action="/" id="paaForm" method="post"> <input type="text" name="testMe" id="testMe" /> <button id="btnSubmit" type="button" value="Save" class="btn btn-default" /> jquery： $(function () { $("#paaForm").validate({ rules: { testMe: { required: true }, ... $('#btnSubmit').on('click', submit); ... function submit() { if (!$("#paaForm").valid()) { return; } ... 编辑： 我必须添加更多信息。我的应用程序是一个 MVC 应用程序，因此它使用这样的捆绑： bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.validate*")); 这样，基于模型属性的 MVC 验证就可以完美运行。但我需要更复杂的验证，这就是为什么我添加了简单的 jquery 验证。正如我上面提到的，它不起作用。但如果我用这个代替捆绑， bundles.Add(new ScriptBundle("~/bundles/jqueryval").Include( "~/Scripts/jquery.validate.js")); jquery 验证有效，但 MVC 验证不起作用，因为我排除了 “~/Scripts/jquery.validate.unobtrusive.js”。 可以两者兼得吗？ 仅供参考 - 如果您使用 Unobtrusive Validation 插件，那么它会自动构造 .validate() 方法。您不能简单地提供自己的 .validate() 实例，因为它会被忽略。该插件仅设计用于在任何特定表单上处理 .validate() 一次，所有后续实例始终被忽略。 只要改变一个功能，问题就解决了:-) function submit() { if (!$("#paaForm").valid()){ return false; } ... return true; } 您应该如下更改您的代码。您需要通过下面的 jquery 插件授予显示错误消息的访问权限。默认验证集 debug: false。将其设置为 true。 $("#paaForm").validate({ debug: true }); 这应该对你有用。有关 jquery 验证的更多信息单击此处。祝你好运！

JQuery 意大利财政代码和增值税号的验证条件

我正在为我的注册表单使用 Jquery 验证插件。仅当填写了公司字段时，用户才应输入意大利增值税号，否则应填写 CF 字段。 在...