Insert dash after every 4th character in input

by

I absolutely love this plugin for automatic formatting:
here.

So long as you’re already using JQuery, that is.

You could easily force the dashes in with a single line of code, like follows:

$("#credit").mask("9999-9999-9999-9999");

When the user types in the field, the dashes will automatically appear in the right spot, and they will not be able to delete them.

In addition, you can accommodate for different lengths or formats of credit cards with the ? character in your mask. For example, to accept inputs of 14 and 16 digits, you would do the following:

$("#credit").mask("9999-9999-9999-99?99");

Do keep in mind that this is only a client side validation

Edit: The mask plugin assumes that there is one, or finitely many, correct formats for the field. For example, there are only a few formats that credit card numbers come in. The plugin is there to ensure that your input will only be in one of those formats.

So technically, if you want a dash after every four digits, but for any number of digits, then this plugin is not right for you.

I would suggest you restrict the possible inputs to be reasonable, as there is certainly no such thing as a 1000-digit long credit card. But if you really want that functionality, you’ll have to write the script yourself or find another plugin. As of this time I’m not aware of one.

More Related Contents:

  1. Need Pattern for password field?
  2. Regex for Email Address along with name format [duplicate]
  3. Regular expression to match non-ASCII characters?
  4. jQuery selector regular expressions
  5. Including a hyphen in a regex character bracket?
  6. Extract hostname name from string
  7. split string only on first instance of specified character
  8. Remove whitespace and line breaks between HTML elements using jQuery
  9. How to pull the file name from a url using javascript/jquery?
  10. Get URL from background-image Property
  11. Wrap tags around http text
  12. javascript regex for password containing at least 8 characters, 1 number, 1 upper and 1 lowercase [duplicate]
  13. How can I select an element by ID with jQuery using regex?
  14. Regex to Match Symbols: !$%^&*()_+|~-=`{}[]:”;’?,./
  15. Javascript regex returning true.. then false.. then true.. etc [duplicate]
  16. Extract all email addresses from bulk text using jquery
  17. Split a string based on multiple delimiters
  18. Insert space before capital letters
  19. Highlight current page in jquery
  20. jQuery Youtube URL Validation with regex
  21. How to convert a Title to a URL slug in jQuery?
  22. Regular expression with the cyrillic alphabet
  23. JavaScript Regex to match a URL in a field of text
  24. Regex in JavaScript for validating decimal numbers
  25. Regular expression for only characters a-z, A-Z
  26. regular expression to validate datetime format (MM/DD/YYYY) [duplicate]
  27. Regex for allowing alphanumeric,-,_ and space
  28. Why this regex is not working for german words?
  29. Remove everything within script and style tags
  30. Find and replace nth occurrence of [bracketed] expression in string

Leave a Comment