Question

我有两种选择类型的HTML：

<label for="h_slat_type">Slat Type</label>
<select name="h_slat_type" id="h_slat_type">
                    <option disabled="disabled" selected>Select</option>
                    <option disabled="disabled">---------</option>
                    <option value="1">Type 1</option>
                    <option value="2">Type 2</option>
            </select>

<label for="v_slat_type">Slat Type</label>
<select name="v_slat_type" id="v_slat_type">
                    <option disabled="disabled" selected>Select</option>
                    <option disabled="disabled">---------</option>
                    <option value="1">Type 1</option>
                    <option value="2">Type 2</option>
            </select>

验证失败的条件是我同时将h_slat_type和v_slat_type设置为2。

换句话说，如果：

h_slat_type 1 = v_slat_type 1 - ＆gt;真

h_slat_type 2 = v_slat_type 1 - ＆gt;真

h_slat_type 1 = v_slat_type 2 - ＆gt;真

h_slat_type 2 = v_slat_type 2 - ＆gt;假

JS方法：

jQuery.validator.addMethod("typecheck", function(value, element) {
    return ($('#h_slat_type').val() == $('#v_slat_type').val());
}, "Horizontal Type 2 and Vertical Type 2 incompatible!");

在这种情况下有什么用？ ty vm。

Answer 1

试试这个：

    if($('#h_slat_type').val() == $('#v_slat_type').val())
       return true;
    else if ($('#h_slat_type').val()==1 && $('#v_slat_type').val()==2)
       return true;
    else if ($('#h_slat_type').val()==2 && $('#v_slat_type').val()==1)
       return true;
    else
       return false;

Answer 2

您可以尝试以下代码：

{
var selection_1 = $('#h_slat_type').val();
var selection_2 = $('#v_slat_type').val();
if(selection_1=='2' && selection_2=='2') return false;
return true;
}

jQuery Validation插件 - 比较两个选择下拉列表的自定义方法

2 个答案: