Regular expression field validation in jQuery

by

If you wanted to search some elements based on a regex, you can use the filter function. For example, say you wanted to make sure that in all the input boxes, the user has only entered numbers, so let’s find all the inputs which don’t match and highlight them.

$("input:text")
    .filter(function() {
        return this.value.match(/[^\d]/);
    })
    .addClass("inputError")
;

Of course if it was just something like this, you could use the form validation plugin, but this method could be applied to any sort of elements you like. Another example to show what I mean: Find all the elements whose id matches /[a-z]+_\d+/

$("[id]").filter(function() {
    return this.id.match(/[a-z]+_\d+/);
});

More Related Contents:

  1. jQuery validate: How to add a rule for regular expression validation?
  2. jQuery Validate plugin – password check – minimum requirements – Regex
  3. jQuery DataTables – Filter column by exact match
  4. override jquery validate plugin email address validation
  5. Find all elements based on ids using regex on jQuery selector
  6. Regex lazy quantifier behave greedy
  7. Validate email with a regex in jQuery [duplicate]
  8. Regex validation for numbers with comma separator
  9. How to select all images using jquery and give them an width?
  10. jQuery – What are differences between $(document).ready and $(window).load?
  11. How can I find elements by text content with jQuery?
  12. Calculating text width
  13. iframe to Only Show a Certain Part of the Page
  14. Pass array to ajax request in $.ajax() [duplicate]
  15. Animate element transform rotate
  16. How to set data attributes in HTML elements
  17. jQuery ajax success anonymous function scope
  18. jQuery easing functions without using a plugin
  19. How can I select all elements without a given class in jQuery?
  20. How do I get the height of a div’s full content with jQuery?
  21. Use Bootstrap 3 dropdown menu as context menu
  22. Select link by text (exact match)
  23. append /remove anchor name from current url without refresh
  24. How can I change HTML attribute names with jQuery?
  25. A cleaner way to select by multiple possible attribute values?
  26. jquery can’t get data attribute value
  27. Jquery find all ids starting with a string?
  28. Datatables warning(table id = ‘example’): cannot reinitialise data table
  29. jQuery on load of dynamic element
  30. jQuery: find input field closest to button

Leave a Comment