jquery.inputmask.extentions.js 22 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432
  1. /*
  2. Input Mask plugin extentions
  3. http://github.com/RobinHerbots/jquery.inputmask
  4. Copyright (c) 2010 - 2012 Robin Herbots
  5. Licensed under the MIT license (http://www.opensource.org/licenses/mit-license.php)
  6. Version: 1.0.2
  7. Optional extentions on the jquery.inputmask base
  8. */
  9. (function($) {
  10. //extra definitions
  11. $.extend($.inputmask.defaults.definitions, {
  12. 'A': { //auto uppercasing
  13. validator: "[A-Za-z]",
  14. cardinality: 1,
  15. casing: "upper"
  16. }
  17. });
  18. //date & time aliases
  19. $.extend($.inputmask.defaults.definitions, {
  20. 'h': { //hours
  21. validator: "[01][0-9]|2[0-3]",
  22. cardinality: 2,
  23. prevalidator: [{ validator: "[0-2]", cardinality: 1}]
  24. },
  25. 's': { //seconds || minutes
  26. validator: "[0-5][0-9]",
  27. cardinality: 2,
  28. prevalidator: [{ validator: "[0-5]", cardinality: 1}]
  29. },
  30. 'd': { //basic day
  31. validator: "0[1-9]|[12][0-9]|3[01]",
  32. cardinality: 2,
  33. prevalidator: [{ validator: "[0-3]", cardinality: 1}]
  34. },
  35. 'm': { //basic month
  36. validator: "0[1-9]|1[012]",
  37. cardinality: 2,
  38. prevalidator: [{ validator: "[01]", cardinality: 1}]
  39. },
  40. 'y': { //basic year
  41. validator: "(19|20)\\d{2}",
  42. cardinality: 4,
  43. prevalidator: [
  44. { validator: "[12]", cardinality: 1 },
  45. { validator: "(19|20)", cardinality: 2 },
  46. { validator: "(19|20)\\d", cardinality: 3 }
  47. ]
  48. }
  49. });
  50. $.extend($.inputmask.defaults.aliases, {
  51. 'dd/mm/yyyy': {
  52. mask: "d/m/y",
  53. placeholder: "dd/mm/yyyy",
  54. regex: {
  55. monthpre: new RegExp("[01]"),
  56. month: function(separator) { return new RegExp("((0[1-9]|[12][0-9])\\" + separator + "(0[1-9]|1[012]))|(30\\" + separator + "(0[13-9]|1[012]))|(31\\" + separator + "(0[13578]|1[02]))")},
  57. yearpre1: new RegExp("[12]"),
  58. yearpre3: new RegExp("(19|20)\\d"),
  59. year: new RegExp("(19|20)\\d{2}"),
  60. daypre: new RegExp("[0-3]"),
  61. day: new RegExp("0[1-9]|[12][0-9]|3[01]")
  62. },
  63. leapday: "29/02/",
  64. separator: '/',
  65. onKeyUp: function(e, opts) {
  66. var $input = $(this), input = this;
  67. if(e.ctrlKey && e.keyCode == opts.keyCode.RIGHT){
  68. var today = new Date();
  69. $input.val(today.getDate().toString() + (today.getMonth()+1).toString() + today.getFullYear().toString());
  70. }
  71. },
  72. definitions: {
  73. 'd': { //day
  74. validator: function(chrs, buffer, pos, strict, opts) {
  75. var isValid = opts.regex.day.test(chrs);
  76. if (!strict && !isValid) {
  77. if (chrs.charAt(1) == opts.separator[opts.separator.length -1]) {
  78. isValid = opts.regex.day.test("0" + chrs.charAt(0));
  79. if (isValid) {
  80. buffer[pos - 1] = "0";
  81. buffer[pos] = chrs.charAt(0);
  82. pos++;
  83. return pos;
  84. }
  85. }
  86. }
  87. return isValid;
  88. },
  89. cardinality: 2,
  90. prevalidator: [{ validator: function(chrs, buffer, pos, strict, opts) {
  91. var isValid = opts.regex.daypre.test(chrs);
  92. if (!strict && !isValid) {
  93. isValid = opts.regex.day.test("0" + chrs);
  94. if (isValid) {
  95. buffer[pos] = "0";
  96. pos++;
  97. return pos;
  98. }
  99. }
  100. return isValid;
  101. }, cardinality: 1}]
  102. },
  103. 'm': { //month
  104. validator: function(chrs, buffer, pos, strict, opts) {
  105. var dayValue = buffer.join('').substr(0, 3);
  106. var isValid = opts.regex.month(opts.separator).test(dayValue + chrs);
  107. if (!strict && !isValid) {
  108. if (chrs.charAt(1) == opts.separator[opts.separator.length -1]) {
  109. isValid = opts.regex.month(opts.separator).test(dayValue + "0" + chrs.charAt(0));
  110. if (isValid) {
  111. buffer[pos - 1] = "0";
  112. buffer[pos] = chrs.charAt(0);
  113. pos++;
  114. return pos;
  115. }
  116. }
  117. }
  118. return isValid;
  119. },
  120. cardinality: 2,
  121. prevalidator: [{ validator: function(chrs, buffer, pos, strict, opts) {
  122. var isValid = opts.regex.monthpre.test(chrs);
  123. if (!strict && !isValid) {
  124. var dayValue = buffer.join('').substr(0, 3);
  125. isValid = opts.regex.month(opts.separator).test(dayValue + "0" + chrs);
  126. if (isValid) {
  127. buffer[pos] = "0";
  128. pos++;
  129. return pos;
  130. }
  131. }
  132. return isValid;
  133. }, cardinality: 1}]
  134. },
  135. 'y': { //year
  136. validator: function(chrs, buffer, pos, strict, opts) {
  137. if (opts.regex.year.test(chrs)) {
  138. var dayMonthValue = buffer.join('').substr(0, 6);
  139. if (dayMonthValue != opts.leapday)
  140. return true;
  141. else {
  142. var year = parseInt(chrs); //detect leap year
  143. if (year % 4 == 0)
  144. if (year % 100 == 0)
  145. if (year % 400 == 0)
  146. return true;
  147. else return false;
  148. else return true;
  149. else return false;
  150. }
  151. } else return false;
  152. },
  153. cardinality: 4,
  154. prevalidator: [
  155. { validator: function(chrs, buffer, pos, strict, opts) {
  156. var isValid = opts.regex.yearpre1.test(chrs);
  157. if (!strict && !isValid) {
  158. var yearPrefix = (new Date()).getFullYear().toString().slice(0,2);
  159. isValid = opts.regex.yearpre3.test(yearPrefix + chrs);
  160. if (isValid) {
  161. buffer[pos++] = yearPrefix[0];
  162. buffer[pos++] = yearPrefix[1];
  163. return pos;
  164. }
  165. }
  166. return isValid;
  167. }
  168. , cardinality: 1 },
  169. { validator: "(19|20)", cardinality: 2 },
  170. { validator: "(19|20)\\d", cardinality: 3 }
  171. ]
  172. }
  173. },
  174. insertMode: false,
  175. autoUnmask: false
  176. },
  177. 'mm/dd/yyyy': {
  178. mask: "m/d/y",
  179. placeholder: "mm/dd/yyyy",
  180. regex: {
  181. day: function(separator) { return new RegExp("((0[1-9]|1[012])\\" + separator + "(0[1-9]|[12][0-9]))|((0[13-9]|1[012])\\" + separator + "30)|((0[13578]|1[02])\\" + separator + "31)")},
  182. daypre: function(separator) { return new RegExp("((0[13-9]|1[012])\\" + separator + "[0-3])|(02\\" + separator + "[0-2])")},
  183. month: new RegExp("0[1-9]|1[012]"),
  184. monthpre: new RegExp("[01]"),
  185. yearpre1: new RegExp("[12]"),
  186. yearpre3: new RegExp("(19|20)\\d"),
  187. year: new RegExp("(19|20)\\d{2}")
  188. },
  189. leapday: "02/29/",
  190. separator: '/',
  191. onKeyUp: function(e, opts) {
  192. var $input = $(this), input = this;
  193. if(e.ctrlKey && e.keyCode == opts.keyCode.RIGHT){
  194. var today = new Date();
  195. $input.val((today.getMonth()+1).toString() + today.getDate().toString() + today.getFullYear().toString());
  196. }
  197. },
  198. definitions: {
  199. 'd': { //day
  200. validator: function(chrs, buffer, pos, strict, opts) {
  201. var monthValue = buffer.join('').substr(0, 3);
  202. var isValid = opts.regex.day(opts.separator).test(monthValue + chrs);
  203. if (!strict && !isValid) {
  204. if (chrs.charAt(1) == opts.separator[opts.separator.length -1]) {
  205. isValid = opts.regex.day(opts.separator).test(monthValue + "0" + chrs.charAt(0));
  206. if (isValid) {
  207. buffer[pos - 1] = "0";
  208. buffer[pos] = chrs.charAt(0);
  209. pos++;
  210. return pos;
  211. }
  212. }
  213. }
  214. return isValid;
  215. },
  216. cardinality: 2,
  217. prevalidator: [{ validator: function(chrs, buffer, pos, strict, opts) {
  218. var monthValue = buffer.join('').substr(0, 3);
  219. var isValid = opts.regex.daypre(opts.separator).test(monthValue + chrs);
  220. if (!strict && !isValid) {
  221. isValid = opts.regex.day(opts.separator).test(monthValue + "0" + chrs);
  222. if (isValid) {
  223. buffer[pos] = "0";
  224. pos++;
  225. return pos;
  226. }
  227. }
  228. return isValid;
  229. },
  230. cardinality: 1}]
  231. },
  232. 'm': { //month
  233. validator: function(chrs, buffer, pos, strict, opts) {
  234. var isValid = opts.regex.month.test(chrs);
  235. if (!strict && !isValid) {
  236. if (chrs.charAt(1) == opts.separator[opts.separator.length -1]) {
  237. isValid = opts.regex.month.test("0" + chrs.charAt(0));
  238. if (isValid) {
  239. buffer[pos - 1] = "0";
  240. buffer[pos] = chrs.charAt(0);
  241. pos++;
  242. return pos;
  243. }
  244. }
  245. }
  246. return isValid;
  247. },
  248. cardinality: 2,
  249. prevalidator: [{ validator: function(chrs, buffer, pos, strict, opts) {
  250. var isValid = opts.regex.monthpre.test(chrs);
  251. if (!strict && !isValid) {
  252. isValid = opts.regex.month.test("0" + chrs);
  253. if (isValid) {
  254. buffer[pos] = "0";
  255. pos++;
  256. return pos;
  257. }
  258. }
  259. return isValid;
  260. }, cardinality: 1}]
  261. },
  262. 'y': { //year
  263. validator: function(chrs, buffer, pos, strict, opts) {
  264. if (opts.regex.year.test(chrs)) {
  265. var monthDayValue = buffer.join('').substr(0, 6);
  266. if (monthDayValue != opts.leapday)
  267. return true;
  268. else {
  269. var year = parseInt(chrs); //detect leap year
  270. if (year % 4 == 0)
  271. if (year % 100 == 0)
  272. if (year % 400 == 0)
  273. return true;
  274. else return false;
  275. else return true;
  276. else return false;
  277. }
  278. } else return false;
  279. },
  280. cardinality: 4,
  281. prevalidator: [
  282. { validator: function(chrs, buffer, pos, strict, opts) {
  283. var isValid = opts.regex.yearpre1.test(chrs);
  284. if (!strict && !isValid) {
  285. var yearPrefix = (new Date()).getFullYear().toString().slice(0,2);
  286. isValid = opts.regex.yearpre3.test(yearPrefix + chrs);
  287. if (isValid) {
  288. buffer[pos++] = yearPrefix[0];
  289. buffer[pos++] = yearPrefix[1];
  290. return pos;
  291. }
  292. }
  293. return isValid;
  294. }
  295. , cardinality: 1 },
  296. { validator: "(19|20)", cardinality: 2 },
  297. { validator: "(19|20)\\d", cardinality: 3 }
  298. ]
  299. }
  300. },
  301. insertMode: false,
  302. autoUnmask: false
  303. },
  304. 'dd.mm.yyyy': {
  305. mask: "d.m.y",
  306. placeholder: "dd.mm.yyyy",
  307. leapday: "29.02.",
  308. separator: '\.',
  309. alias: "dd/mm/yyyy"
  310. },
  311. 'dd-mm-yyyy': {
  312. mask: "d-m-y",
  313. placeholder: "dd-mm-yyyy",
  314. leapday: "29-02-",
  315. separator: '\-',
  316. alias: "dd/mm/yyyy"
  317. },
  318. 'mm.dd.yyyy': {
  319. mask: "m.d.y",
  320. placeholder: "mm.dd.yyyy",
  321. leapday: "02.29.",
  322. separator: '\.',
  323. alias: "mm/dd/yyyy"
  324. },
  325. 'mm-dd-yyyy': {
  326. mask: "m-d-y",
  327. placeholder: "mm-dd-yyyy",
  328. leapday: "02-29-",
  329. separator: '\-',
  330. alias: "mm/dd/yyyy"
  331. },
  332. 'hh:mm:ss': {
  333. mask: "h:s:s",
  334. autoUnmask: false
  335. },
  336. 'hh:mm': {
  337. mask: "h:s",
  338. autoUnmask: false
  339. },
  340. 'date': {
  341. alias: "dd/mm/yyyy" // "mm/dd/yyyy"
  342. },
  343. 'datetime': {
  344. mask: "d/m/y h:s",
  345. placeholder: "dd/mm/yyyy hh:mm",
  346. alias: "date"
  347. }
  348. });
  349. //number aliases
  350. $.extend($.inputmask.defaults, {
  351. radixPoint: "\.", // | ","
  352. digits: "*", //numer of digits
  353. groupSeparator: ",", // | "\."
  354. groupSize: 3
  355. });
  356. $.extend($.inputmask.defaults.aliases, {
  357. 'decimal': {
  358. mask: "~",
  359. placeholder: "",
  360. repeat: 10,
  361. greedy: false,
  362. numericInput: true,
  363. regex: {
  364. number: function(radixPoint, digits) { return new RegExp("^[\+\\d\-]{1}\\d*[" + radixPoint + "]?\\d" + digits + "$"); }
  365. },
  366. onKeyDown: function(e, opts) {
  367. var $input = $(this), input = this;
  368. if (e.keyCode == opts.keyCode.TAB) {
  369. var nptStr = input._valueGet();
  370. var radixPosition = nptStr.indexOf(opts.radixPoint[opts.radixPoint.length -1]);
  371. if(radixPosition != -1){
  372. for(var i = 1; i < opts.digits; i++) {
  373. if(nptStr[radixPosition + i]) nptStr = nptStr + "0";
  374. }
  375. $input.val(nptStr);
  376. }
  377. }
  378. },
  379. definitions: {
  380. '~': { //real number
  381. validator: function(chrs, buffer, pos, strict, opts) {
  382. function digitExpression() {
  383. return isNaN(opts.digits) ? opts.digits : '{0,' + opts.digits + '}';
  384. }
  385. var cbuf = buffer.slice();
  386. cbuf.splice(pos, 0, chrs);
  387. var bufferStr = cbuf.join('');
  388. var isValid = opts.regex.number(opts.radixPoint, digitExpression()).test(bufferStr);
  389. if (!isValid) {
  390. if (strict) { //shiftL & shiftR use strict only validate from 0 to position
  391. var cbuf = buffer.slice(0, pos);
  392. cbuf.splice(pos, 0, chrs);
  393. var bufferStr = cbuf.join('');
  394. var isValid = opts.regex.number(opts.radixPoint, digitExpression()).test(bufferStr);
  395. }
  396. else {
  397. if (bufferStr == opts.radixPoint) {
  398. isValid = opts.regex.number(opts.radixPoint, digitExpression()).test("0" + bufferStr);
  399. if (isValid) {
  400. buffer[pos] = "0";
  401. pos++;
  402. return pos;
  403. }
  404. }
  405. }
  406. }
  407. //todo grouping, radixpoint positioning
  408. return isValid;
  409. },
  410. cardinality: 1,
  411. prevalidator: null
  412. }
  413. },
  414. insertMode: true
  415. },
  416. 'non-negative-decimal': {
  417. regex: {
  418. number: function(radixPoint, digits) { return new RegExp("^\\d+[" + radixPoint + "]?\\d" + digits + "$"); }
  419. },
  420. alias: "decimal"
  421. },
  422. 'integer': {
  423. regex: {
  424. number: function() { return new RegExp("^([\+\-]?\\d*)$"); }
  425. },
  426. alias: "decimal"
  427. }
  428. });
  429. })(jQuery);