大佬教程收集整理的这篇文章主要介绍了javascript – 最小最大价格范围验证不能与jquery.validate.js一起使用,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
以下是验证错误规则:
>如果两个价格框都没有选择错误就不会显示.
>如果选择一个价格框(两者之一),验证错误将显示用户需要同时选择两者.
>如果两者都被选中,则最大价格值必须大于最小价格.
请在下面找到我的代码:
在我的代码中,每个条件都令人满意,但最后一条规则意味着最大价格将始终大于最低价格不工作.它的检查是真的,但验证没有触发.
$(document).ready(function() { $("#form1").validate({ debug: true,onkeyup: false,onfocusout: false,onclick: false,rules: { minrange: { required: { depends: function() { var min_range = $("#min-range").find(':selected').val(),max_range = $("#max-range").find(':selected').val(); if (min_range == "" && max_range == "") { return false; } else if (min_range != "" && max_range == "") { return true; } else if (min_range == "" && max_range != "") { return true; } else if (parseInt(max_range) < parseInt(min_range)) { return true; } else { return false; } } } },maxrange: { required: { depends: function() { var min_range = $("#min-range").find(':selected').val(),},submitHandler: function(formName,event) { alert("sucess"); } }); });
码:
$(document).ready(function() { var $min_range = $("#min-range"),$max_range = $("#max-range"); $("#form1").validate({ debug: true,rules: { minrange: { required: function() { return !($min_range.val() === "" && $max_range.val() === ""); },max: function() { if ($max_range.val() !== "") { return $max_range.val(); } } },maxrange: { required: function() { return !($min_range.val() === "" && $max_range.val() === ""); },min: function() { if ($min_range.val() !== "") { return $min_range.val(); } } } },event) { alert("sucess"); } }); });
以上是大佬教程为你收集整理的javascript – 最小最大价格范围验证不能与jquery.validate.js一起使用全部内容,希望文章能够帮你解决javascript – 最小最大价格范围验证不能与jquery.validate.js一起使用所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。