jQuery Validate插件是JörnZaefferer的jQuery插件。其目的是对用户输入的数据执行客户端表单验证。
使用jquery validate errorPlacement获取特定div中的错误消息
我正在尝试使用 jQuery Validate 的 errorPlacement 函数来放置错误消息，但我无法弄清楚。每当我点击提交时，输入就会向下滑动，而不是出现错误......
form-validation.js:3 jQuery 验证插件未加载
我需要一些验证才能处理联系表单，但这不起作用。它在浏览器上显示错误“form-validation.js：3 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...