test2.html 1.6 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253
  1. <html>
  2. <head>
  3. <meta charset="UTF-8" />
  4. <script src="http://code.jquery.com/jquery-1.11.3.js"></script>
  5. <script src="js/inputmask.js"></script>
  6. <script src="js/inputmask.numeric.extensions.js"></script>
  7. <script src="js/jquery.inputmask.js"></script>
  8. <script>
  9. var LocaleConfigurations = {};
  10. LocaleConfigurations.SeparadorDecimal = ',';
  11. LocaleConfigurations.SeparadorMilhar = '.';
  12. function NumberDecimalMask(selector, length, decimalDigits, allowNegative, denySeparadorMilhar) {
  13. var integerDigits = length - decimalDigits;
  14. var config = {
  15. allowMinus: !!allowNegative,
  16. allowPlus: false,
  17. rightAlign: false,
  18. autoGroup: true,
  19. integerDigits: integerDigits,
  20. digits: decimalDigits,
  21. radixPoint: LocaleConfigurations.SeparadorDecimal
  22. };
  23. if(integerDigits > 0) {
  24. config.integerDigits = integerDigits;
  25. }
  26. if(!denySeparadorMilhar) {
  27. config.groupSeparator = LocaleConfigurations.SeparadorMilhar;
  28. config.groupSize = 3;
  29. }
  30. $(selector).inputmask("decimal", config);
  31. }
  32. function createMask(){
  33. var residuoFichas = ['1','2'];
  34. for(var i=0; i<residuoFichas.length;i++){
  35. NumberDecimalMask("#input_"+ residuoFichas[i], 16, 8, false, false);
  36. }
  37. }
  38. function setValue() {
  39. var residuoFichas = ['1','2'];
  40. var valoresFichas = ['45','253'];
  41. for(var i=0; i<residuoFichas.length;i++){
  42. $("#input_"+ residuoFichas[i]).val(valoresFichas[i]);
  43. }
  44. }
  45. </script>
  46. </head>
  47. <body>
  48. <div><input id="input_1" value="" /></div>
  49. <div><input id="input_2" value="" /></div>
  50. <div><button onclick="createMask()" >Criar máscara</button></div>
  51. <div><button onclick="setValue()" >Setar valor</button></div>
  52. </body>
  53. </html>