Jquery 验证两个下拉框

Question

我有两个下拉框，如果我 select 4 来自第一个 select 框，第二个下拉值的值必须小于第一个下拉值。如果失败，则显示一条自定义错误消息，就像那样。

<select name="t_dropdown" id="t_dropdown" class="form-control required">
  <option value="">Select Value</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
</select>

<select name="p_dropdown" id="p_dropdown" class="form-control required">
  <option value="">Select Value</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  <option value="4">4</option>
  <option value="5">5</option>
  <option value="6">6</option>
  <option value=">6">>6</option>
</select>

请告诉我如何使用 jquery 验证。

Answer 1

您可以使用jQuery.validator.addMethod-

$.validator.addMethod("matchValue", function (value, element) {
   if($('#t_dropdown').val()==4)
   {
       return value < 4;
   }
    else
    {
        return true;
    }

}, 'Invalid Value');

Demo

Jquery 验证两个下拉框

Jquery Validation for Two Dropdown Boxes

javascript

jquery

jquery-validate