Jquery define multiple custom validation to same input field using jquery validator

Jquery define multiple custom validation to same input field using jquery validator

 
  1. <form action="" method="post">
  2. <p>
  3. <input data-validation="even_number" type="text">
  4. </p>
  5. ...
  6. </form>
  7. <script src="//ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
  8. <script src="//cdnjs.cloudflare.com/ajax/libs/jquery-form-validator/2.2.1/jquery.form-validator.min.js"></script>
  9. <script>
  10.  
  11. // Add validation
  12. $.formUtils.addValidator({
  13. name : 'even_number',
  14. validatorFunction : function(value, $el, config, language, $form) {
  15. return parseInt(value, 10) % 2 === 0;
  16. },
  17. errorMessage : 'You have to give an even number',
  18. errorMessageKey: 'badEvenNumber'
  19. });
  20.  
  21. // Setup form validation
  22. $.validate();
  23.  
  24. </script>