select2 and jquery validation not working properly

by

By default, the validation on a field is only triggered by these events (for a type="text" field)…

  • onfocusout, when the user leaves a field (validates just the field)

  • onkeyup, when the user is typing within a field (validates just the field)

  • onclick, when the user clicks the submit button (validates the whole form)

If you need to programmatically trigger validation after you programmatically change the value of a field, then you need to invoke the .valid() method on that field. It will effectively trigger validation similar as the events above.

$('#myField').valid();  // validates just field element with id="myField"

$('#myForm').valid();  // validates the whole form

So you’ll need to find a method within select2 that is fired whenever the value is changed and put .valid() inside of that. It looks like the change event is what you’ll need.

$("#vedit-filter").select2({
    // your options here
}).on('change', function() {
    $(this).valid();
});

More Related Contents:

  1. How to make select2 work with jquery.validation plugin?
  2. How to display messages from jQuery Validate plugin inside of Tooltipster tooltips?
  3. jQuery validate: How to add a rule for regular expression validation?
  4. jQuery Validate – require at least one field in a group to be filled
  5. jQuery Validation Plugin – adding rules that apply to multiple fields
  6. Select2 doesn’t work when embedded in a bootstrap modal
  7. jQuery Validate Required Select
  8. jQuery validator and a custom rule that uses AJAX
  9. How to validate array of inputs using validate plugin jquery
  10. jQuery validate dynamic input array
  11. Unobtrusive validation in Chrome won’t validate with dd/mm/yyyy
  12. ASP.net MVC 3 jQuery Validation; Disable Unobtrusive OnKeyUp?
  13. Update select2 data without rebuilding the control
  14. jQuery Validate plugin – password check – minimum requirements – Regex
  15. How can I use jQuery validation with the “chosen” plugin?
  16. jQuery Validate Ignore elements with style
  17. Jquery Validation for Dynamically Created Fields
  18. onkeyup and onfocusout is not working in jQuery Validate
  19. Validate dynamic field jquery
  20. Ignore all hidden div but not one in jQuery validation
  21. jquery validation: prevent form submit
  22. Initialising select2 created dynamically
  23. Manually set unobtrusive validation error on a textbox
  24. Validating array inputs using jquery validation plugin
  25. JQuery.validate – one rule on blur only; the rest should be normal?
  26. Get Selected value from Multi-Value Select Boxes by jquery-select2?
  27. How to use placeholder as default value in select2 framework
  28. Select2: How to prevent tags sorting
  29. Select2 v4 how to paginate results using AJAX
  30. jQuery validate plugin : accept letters only?

Leave a Comment