web-dev-qa-db-fra.com

Masque d'entrée à 2 décimales

J'utilise RobinHerbots inputmask , Comment puis-je faire 2 décimales comme 22.30 ou 2.15? comme la "devise" configurée sur le masque de saisie mais sans virgule (base générée automatiquement sur la longueur des valeurs) et signe de devise. Ci-dessous mon extrait de ce que j'ai essayé mais malheureusement aucun d'entre eux ne fonctionne, aucune aide, suggestions, idées, indices, recommandations s'il vous plaît?

$(document).ready(function(){
  $(".decimal").inputmask('decimal',{rightAlign: true});
  $(".currency").inputmask('currency',{rightAlign: true  });
  $(".custom1").inputmask({ mask: "**[.**]", greedy: false, definitions: { '*': { validator: "[0-9]" } }, rightAlign : true });
  $(".custom2").inputmask({ 'alias' : 'decimal', rightAlign: true, 'groupSeparator': '.','autoGroup': true });
  $(".custom3").inputmask({ 'alias' : 'decimal', 'mask' : "**[.**]", rightAlign: true});
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.inputmask/3.2.6/jquery.inputmask.bundle.min.js"></script>

<input type="text" class="decimal" /><br>
<input type="text" class="currency" /><br>
<input type="text" class="custom1" /><br>
<input type="text" class="custom2" /><br>
<input type="text" class="custom3" value="0" /><br>
8
Juliver Galleto

Je viens de proposer une méthode simple et très efficace sans jQuery ni aucune bibliothèque:

HTML:

<input type="number" oninput="inputChange()" />

Javascript:

function inputChange(){
    let value = Number(document.activeElement.value);
    let pos = document.activeElement.selectionStart;
    document.activeElement.value = value.toFixed(2);

    document.activeElement.selectionStart = pos;
    document.activeElement.selectionEnd = pos;
}

Je l'appelle le rouleau compresseur de la côte ouest

1
story