条件在 jquery 内不工作需要验证器

Question

我有多个动态下拉菜单，我正在通过 jquery 必需的验证器对其进行验证。但是问题是下拉列表从0索引开始，因此选择Select时验证不起作用。我正在使用以下代码。

jQuery('form#add_form :input').each(function(){
    jQuery(this).rules('add', {
        required: function(element) {

            if(element.type=='select')  {
                if(jQuery(this).children('option:selected').val() == '0')
                {
                    return false;
                }
                else 
                {
                    return true;
                }
            } else 
            {
                return true;
            }
        } });

});

表单标签：

{{Form::open(array('','method' => 'post','class'=>'add-form','id'=>'add_form')) }}

 @foreach($parent_attrs as $pattr)
                                              <div class="col-md-6">
                                                <label>
                  {!! Form::select('product'.$pattr->id, $products, $pattr, ['class' => 'form-control']) !!} 
                                              </div>
                                              @endforeach

Answer 1

这是一个片段。

$('form#add_form').validate();
$('select').each(function () {
        $(this).rules('add',{
            required_select: true
        });
        
    });
 $.validator.addMethod('required_select', function(value, element) {
        return value > 0;
    }, 'Please choose a option');

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.19.1/jquery.validate.min.js"></script>
<form id="add_form" method="post" action="" >
  <select id="product_1" name="product_1">
  <option value="0">Select Product 1</option>
  <option value="2">2</option>
  <option value="3">3</option>
  </select>
  <select id="product_2" name="product_2">
  <option value="0">Select Product 2</option>
  <option value="2">2</option>
  <option value="3">3</option>
  </select>
  <button type="submit" name="submit"> Submit </button>
</form>

希望这会有所帮助:)

条件在 jquery 内不工作需要验证器

Condition not working inside jquery required validator

jquery

jquery-validate