jquery-validate:验证两个字段的总和是否大于 X

Question

我正在使用 jquery-validate，并且尝试验证两个字段(participants_adults 和 participats_child)的值是否大于 X(数字)。作为额外的挑战，第二个字段 (participats_child) 可能存在也可能不存在，因此如果它不存在，验证应仅考虑第一个字段 (participats_adults) .

我有这个html:

<select name="participants_adults" class="valid">
   <option>1</option>
   <option>2</option>
   <option>3</option>
</select>

<select name="participants_child" class="valid">
   <option>0</option>
   <option>1</option>
   <option>2</option>
</select>

到目前为止我的 jQuery 代码是这样的:

<script>
 $(document).ready(function(){

 $('#booking_form').validate({
    rules: {
      participants_adults: {
        required: {
               depends: function(element) {
                return (parseInt($('[name="participants_adults"]').val()) + parseInt($('[name="participants_child"]').val()) > 2);
                 }
               }
      }
    }
   });
 });

我没有成功实现此验证。有人可以帮忙吗？

非常感谢!

Answer 1

创建自定义方法而不是条件规则 using addMethod as per the documentation .

jQuery.validator.addMethod("myMethod", function(value, element, params) {
    // your function
    // return false to display the error message
    // return true to pass validation
}, "this is the error message");

函数的参数定义如下:

值(value)
类型:字符串
已验证元素的当前值

元素
类型:元素
要验证的元素

参数
类型:字符串
为该方法指定的参数，例如对于 min: 5 ，参数为5 ，对于range: [1, 5]这是[1, 5]

<小时/>

另请参阅这些答案以获取更多示例:

https://stackoverflow.com/a/19096923/594235

https://stackoverflow.com/a/15594795/594235