jQuery Validate插件是JörnZaefferer的jQuery插件。其目的是对用户输入的数据执行客户端表单验证。
我想同时使用jquery Repeater和jquery验证库。这是我的验证规则： $("#myForm").validate({ 规则：{ 标题： { 必填：真实 }, 主题： {
在 jQuery Validate 插件中使用 addMethod
我想使用 jQuery Validate 插件的自定义验证方法 (addMethod) 验证文本框，但我的代码不起作用。 谁能帮我找出错误吗？ 我从未使用过自定义验证
下面的代码表示两个字段都可以为空，或者都必须有值。 它可以工作，但不是很用户友好。 当您更改一个字段时，它只会验证该字段，而不会验证
我有一个获取用户姓名的动态输入列表。我需要使用 jquery 验证插件进行验证。下面是我的代码结构。 我回答了所有的问题，但无法得到正确的答案
如何通过 npm 正确导入 jquery 验证？ （https://www.npmjs.com/package/jquery-validation）。我试图简单地说： @import jquery-validation/dist/jquery.validate.min.js 到我的脚本中...
jQuery(文档).ready(function () { //警报（“HIQ”）； $('.mySelectCalendar').datepicker({ firstDay: 1, dateFormat: "dd.mm.yy" }); $.validator.addMethod( '日期'，
我有一个引导手风琴。现在我想仅在特定场景下启用面板。当我的一个面板有效时，只有另一个面板才应该可折叠 我有一个引导手风琴。现在我想仅在特定场景下启用 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 中没有显示任何文本。我知道验证正在运行，但是我不确定为什么我的验证消息没有显示...
我有一个自定义卡片复选框。如果它（卡复选框）是必需的并且未选中，我想将焦点和滚动到表单提交（表单正在使用 jQuery 验证进行验证）到此卡复选框。怎么...
我在使用 jQuery.validate 1.11 、.Net 4.8 和 MVC 5 with Razor 时遇到一些问题。 我的班级有这两个属性： [StringLength(500, ErrorMessage = "{0} 的最大值为 {1}
我想在弹出窗口中显示邮政编码字段错误消息。其他字段不需要弹出错误消息。我使用了下面的代码。这个怎么解决啊。 $(文档).ready(函数() { $(“#conference_for...
参考：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验证插件验证数组输入框的数组？ 下面是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." } } }); });
我想知道是否可以指定验证器的运行顺序。 目前我编写了一个自定义验证器来检查它是否为 [a-zA-Z0-9]+ 以确保登录验证我们的规则...
将相同的 JQuery Validate 规则两次添加到动态字段是否不正确，是否有害？
我在表单上有大量动态克隆字段。这些字段是克隆组。 每次添加克隆时，我都会使用通配符选择器将规则分配给 DOM 中的所有字段。 ...
动态添加Select 2，Jquery Validations不起作用
我正在开发一个表单，供用户将多个商品添加到购物车，并且需要验证没有任何字段留空。我正在利用 Select2 插件、Jquery Validator 和 jQuery...
jQuery Validate 插件不适用于规则（'add'）方法
我有一个问题... 我正在为 sobipro 开发一个 joomla 自定义搜索模块，它可以在特定类别中搜索，但不能在其子类别中搜索。 因此，我需要验证 f...
我正在尝试使用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 验证的更多信息单击此处。祝你好运！