formatter.js 1.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778
  1. // Mask / Formatter
  2. $(function () {
  3. 'use strict';
  4. //Date dd/mm/yyyy
  5. $('#date').formatter({
  6. 'pattern': '{{99}}/{{99}}/{{9999}}',
  7. 'persistent': true
  8. });
  9. //Date 2 yyyy-mm-dd
  10. $('#date2').formatter({
  11. 'pattern': '{{9999}}-{{99}}-{{99}}',
  12. 'persistent': true
  13. });
  14. //Time hh:mm
  15. $('#time').formatter({
  16. 'pattern': '{{99}}:{{99}}',
  17. 'persistent': true
  18. });
  19. //Date time dd/mm/yyyy hh:mm
  20. $('#date-time').formatter({
  21. 'pattern': '{{99}}/{{99}}/{{9999}} {{99}}:{{99}}',
  22. 'persistent': true
  23. });
  24. //Phone E.g. (123) 456-7890
  25. $('#phone').formatter({
  26. 'pattern': '({{999}}) {{999}}-{{9999}}',
  27. 'persistent': true
  28. });
  29. //Phone 2 E.g. +1 123-456-7890
  30. $('#phone2').formatter({
  31. 'pattern': '+1 {{999}}-{{999}}-{{999}}',
  32. 'persistent': true
  33. });
  34. //Percent E.g. %25.36
  35. $('#percent').formatter({
  36. 'pattern': '%{{99}}.{{99}}',
  37. 'persistent': true
  38. });
  39. //Username 8 character
  40. $('#username').formatter({
  41. 'pattern': '{{aaaaaaaa}}',
  42. 'persistent': true
  43. });
  44. //Price E.g. $ 999.99
  45. $('#price').formatter({
  46. 'pattern': '$ {{999}}.{{99}}',
  47. 'persistent': true
  48. });
  49. //Credit card
  50. $('#creditcard').formatter({
  51. 'pattern': '{{9999}}-{{9999}}-{{9999}}-{{9999}}',
  52. 'persistent': true
  53. });
  54. //SSN E.g. 123-45-6789
  55. $('#ssn').formatter({
  56. 'pattern': '{{999}}-{{99}}-{{9999}}',
  57. 'persistent': true
  58. });
  59. //Product key E.g. PN 123 4567
  60. $('#productkey').formatter({
  61. 'pattern': 'P{{a}} {{999}} {{9999}}',
  62. 'persistent': true
  63. });
  64. });// End of use strict