小编Ark*_*rka的帖子

最小最大价格范围验证不适用于jquery.validate.js

表单验证我正在使用https://jqueryvalidation.org.我已经通过depends属性实现了自定义验证规则.

以下是验证错误规则:

  • 如果未选中两个价格框,则不会显示错误.

  • 如果选择了一个价格框(两个中的一个),则验证错误将显示用户需要同时选择两个.

  • 如果两者都被选中,那么最大价格值必须大于最低价格.

请在下面找到我的代码:

在我的代码中,每个条件都令人满意,但最后一条规则意味着最高价格总是大于最低价格不起作用.它的检查是正确的,但验证不会触发.

这里是jsfiddle链接

$(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) < …
Run Code Online (Sandbox Code Playgroud)

javascript validation jquery jquery-validate

10
推荐指数
1
解决办法
1851
查看次数

标签 统计

javascript ×1

jquery ×1

jquery-validate ×1

validation ×1