文本字段的 Jquery 最多 3 次验证

Question

我正在尝试验证我的表单的文本字段不允许超过 3 个整数值。

<div class="form-group col-lg-5">
  {!! Form::label('qty', 'TradedQuantity:') !!} 
  {!! Form::text('qty', null, ['class'=>'form-control'])!!}
</div>

$(document).ready(function() {
  $('#form').validate({ // initialize the plugin
    qty: {
      required: true,
      maxlength: 3
    }
  });
});

我不知道我在这里缺少什么。

我已经完成了，但是直到没有工作：maxlength: 3

Answer 1

问题是因为 jQuery validate() 没有 max 规则。如果要限制可以输入的字符数，正确的规则名称是maxlength。另请注意，验证规则需要放在rules 对象中。我强烈建议您阅读插件的documentation。

$('#form').validate({
  rules: {
    qty: {
      required: true,
      maxlength: 3
    }
  }
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.17.0/jquery.validate.min.js"></script>
<form id="form">
  <div class="form-group col-lg-5">
    <label>
      Traded Quantity
      <input type="text" name="qty" class="form-control" />
    </label>
    <button type="submit">Submit</button>
  </div>
</form>

请注意，您可以直接在input 上使用maxlength HTML 属性。