Restringir el campo de entrada a dos decimales con jQuery

Question

Tengo un campo de entrada que quiero restringir para que el usuario solo pueda ingresar un número con un máximo de dos decimales. Quiere hacer esto usando jQuery.

¿Podría usar jQuery aFija() función de alguna manera?

Gracias!

Answer 1

$('input#decimal').blur(function(){ 
    var num = parseFloat($(this).val()); 
    var cleanNum = num.toFixed(2); 
    $(this).val(cleanNum); 
    if(num/cleanNum < 1){ 
     $('#error').text('Please enter only 2 decimal places, we have truncated extra points'); 
     } 
    }); 

Aquí es un violín http://jsfiddle.net/sabithpocker/PD2nV/

Usando toFixed será de todos modos causar aproximación 123.6666 -> 123.67 Si se quiere evitar aproximación verificar esta respuesta Display two decimal places, no rounding

Answer 2

$("#myInput").focusout(function() { 
    if ($(this).val().length > 2 || isNaN(Number($(this).val())) { 
     alert("Wrong number format"); 
    } 
}); 

Answer 3

<input type="text" name="amount1" id="amount1" class="num_fld Amt" onkeypress="return check_digit(event,this,8,2);" size="9" value="" maxlength="8" style="text-align:right;" /> 

La siguiente función restringirá decimales de acuerdo a su necesidad de decimales y también restringe más t Han un punto

function check_digit(e,obj,intsize,deczize) { 
    var keycode; 

    if (window.event) keycode = window.event.keyCode; 
    else if (e) { keycode = e.which; } 
    else { return true; } 

    var fieldval= (obj.value), 
     dots = fieldval.split(".").length; 

    if(keycode == 46) { 
     return dots <= 1; 
    } 
    if(keycode == 8 || keycode == 9 || keycode == 46 || keycode == 13) { 
     // back space, tab, delete, enter 
     return true; 
    }   
    if((keycode>=32 && keycode <=45) || keycode==47 || (keycode>=58 && keycode<=127)) { 
     return false; 
    } 
    if(fieldval == "0" && keycode == 48) { 
     return false; 
    } 
    if(fieldval.indexOf(".") != -1) { 
     if(keycode == 46) { 
      return false; 
     } 
     var splitfield = fieldval.split("."); 
     if(splitfield[1].length >= deczize && keycode != 8 && keycode != 0) 
      return false; 
     }else if(fieldval.length >= intsize && keycode != 46) { 
      return false; 
     }else { 
      return true; 
     } 
    } 
} 

Answer 4

Una solución HTML5:

<input type="number" step="0.01" /> 

Demo

Si desea entradas no válidas estilo (algunos navegadores lo hacen de forma predeterminada), puede utilizar :invalid selector:

input:invalid { box-shadow: 0 0 1.5px 1px red; } 

Tenga en cuenta que este enfoque no intentará truncar el número automágicamente, pero si el usuario introduce más de dos dígitos decimales, la entrada no será válida, y por lo tanto no será enviado el formulario:

Answer 5

probar este para todos los símbolos:

inputField.value .replace (/(\...)(.)/, "$ 1");

o presente para los números:

inputField.value.replace (./(\ [0-9] [0-9]) ([0-9]) /, "$ 1");

me encontré con este método aquí: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/replace#Example:_Switching_words_in_a_string

Answer 6

Un enfoque alternativo con una expresión regular:

$('#id').on('input', function() { 
     this.value = this.value.match(/^\d+\.?\d{0,2}/); 
    }); 

El selector de ID puede ser reemplazado por un selector CSS.

Answer 7

<input type="text" id="decCheck" onkeyup="decimalCheck();"/> 

<script> 
function decimalCheck(){ 
var dec = document.getElementById('decCheck').value; 
if(dec.includes(".")){ 
    var res = dec.substring(dec.indexOf(".")+1); 
    var kl = res.split(""); 
    if(kl.length > 1){ 
    document.getElementById('decCheck').value=(parseInt(dec * 100)/
     100).toFixed(2); 
    } 
    } 
} 
</script>