文本字段中的 jquery 验证

Question

当我在谷歌冲浪时，我得到了插件（jquery 表单验证器），我想做表单验证，插件在表单验证中使用，它的工作完美但在控制台显示错误，

jquery.form-validator.min.js:9 Uncaught TypeError: Cannot read property 'length' of undefined
在 HTMLDocument.f (jquery.form-validator.min.js:9)
在 HTMLDocument.dispatch (jquery.js:3)
在 HTMLDocument.r.handle (jquery.js:3)
在 Object.trigger (jquery.js:3)
在 m.fn.init.triggerHandler (jquery.js:3)
在 Function.ready (jquery.js:2)
在 HTMLDocument.J (jquery.js:2)

$.validate({
  form: '#form',
  modules: 'location, date, security, file',
});

// Restrict presentation length
$('#presentation').restrictLength($('#pres-max-length'));

<script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.3.26/jquery.form-validator.min.js"></script>

<div class="form-group col-lg-5">
  {!! Form::label('quantities', 'Traded Quantity:') !!} {!! Form::text('quantities', null, ['class'=>'form-control', 'data-validation'=>'length number', 'data-validation-length'=>'3-12', 'data-validation-error-msg'=>'User name has to be an alphanumeric
  value (3-12 chars)'])!!}
</div>

Answer 1

您可以通过以下方式对其进行验证：

    $('#form').validate({
       rules: {
        quantities: {
            required: true,
            rangelength: [3, 12],
        },
        other_input_name: "required",
     },
  });