Jquery validation max lenght

by Christian Unigarro

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery-validate/1.16.0/jquery.validate.min.js"></script>
<form id="myform">
  <label for="field">Required, maximum length 4: </label>
  <input type="text" class="left" id="field" name="field">
  <br/>
  <input type="submit" value="Validate!">
</form>

JavaScript

jQuery.validator.setDefaults({
  debug: true,
  success: "valid"
});

$("#myform").validate({
  rules: {
    field: {
      required: true,
      maxlength: 4
    }
  },
	messages: {
    field: {
      required: "We need your email address to contact you",
      maxlength: "Paso mas de 4 caracteres."
    }
  },
	highlight: function(element, errorClass) {
    
  }
});