|
|
@@ -0,0 +1,53 @@
|
|
|
+<html>
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8" />
|
|
|
+ <script src="http://code.jquery.com/jquery-1.11.3.js"></script>
|
|
|
+ <script src="js/inputmask.js"></script>
|
|
|
+ <script src="js/inputmask.numeric.extensions.js"></script>
|
|
|
+ <script src="js/jquery.inputmask.js"></script>
|
|
|
+ <script>
|
|
|
+ var LocaleConfigurations = {};
|
|
|
+ LocaleConfigurations.SeparadorDecimal = ',';
|
|
|
+ LocaleConfigurations.SeparadorMilhar = '.';
|
|
|
+ function NumberDecimalMask(selector, length, decimalDigits, allowNegative, denySeparadorMilhar) {
|
|
|
+ var integerDigits = length - decimalDigits;
|
|
|
+ var config = {
|
|
|
+ allowMinus: !!allowNegative,
|
|
|
+ allowPlus: false,
|
|
|
+ rightAlign: false,
|
|
|
+ autoGroup: true,
|
|
|
+ integerDigits: integerDigits,
|
|
|
+ digits: decimalDigits,
|
|
|
+ radixPoint: LocaleConfigurations.SeparadorDecimal
|
|
|
+ };
|
|
|
+ if(integerDigits > 0) {
|
|
|
+ config.integerDigits = integerDigits;
|
|
|
+ }
|
|
|
+ if(!denySeparadorMilhar) {
|
|
|
+ config.groupSeparator = LocaleConfigurations.SeparadorMilhar;
|
|
|
+ config.groupSize = 3;
|
|
|
+ }
|
|
|
+ $(selector).inputmask("decimal", config);
|
|
|
+ }
|
|
|
+ function createMask(){
|
|
|
+ var residuoFichas = ['1','2'];
|
|
|
+ for(var i=0; i<residuoFichas.length;i++){
|
|
|
+ NumberDecimalMask("#input_"+ residuoFichas[i], 16, 8, false, false);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ function setValue() {
|
|
|
+ var residuoFichas = ['1','2'];
|
|
|
+ var valoresFichas = ['45','253'];
|
|
|
+ for(var i=0; i<residuoFichas.length;i++){
|
|
|
+ $("#input_"+ residuoFichas[i]).val(valoresFichas[i]);
|
|
|
+ }
|
|
|
+ }
|
|
|
+ </script>
|
|
|
+</head>
|
|
|
+<body>
|
|
|
+ <div><input id="input_1" value="" /></div>
|
|
|
+ <div><input id="input_2" value="" /></div>
|
|
|
+ <div><button onclick="createMask()" >Criar máscara</button></div>
|
|
|
+ <div><button onclick="setValue()" >Setar valor</button></div>
|
|
|
+</body>
|
|
|
+</html>
|