Cuando hago clic en la entrada <input type="number" id="n" /> ; escriba alguna tecla en la función de keypress de tecla de la entrada. Luego escribiendo . aunque se muestra en la entrada pero no puedo ver . en $('#n').val() .
Por ejemplo, después de escribir: 123. Entonces $('#n').val() solo devuelve 123 .
¿Hay algún atributo de <input type="number" /> que pueda obtener su raw value que es 123. en lugar de 123 ?
$("#n").on("keypress", function(event) { console.log($("#n").val()); }); <script src="https://code.jquery.com/jquery-2.1.4.js"></script> <input type="number" pattern="[0-9]{1,2}([\.][0-9]{1,2})?" id="n" step="0.01" />ACTUALIZAR:
input DEBE tener un número de tipo para permitir que muestre la entrada de números solo en el teclado virtual en la web móvil.Debería verificar el patrón 99.99 y funcionar de la siguiente manera:
Sin detectar el punto de existencia (.), ¿cómo puedo detectar el caso de escribir múltiples . consecutivamente?
Yo mismo me he enfrentado a este problema antes. Tal vez esto pueda ayudar:
$("#n").on("keyup", function(event){ var val = $('#n').val(); if(event.keyCode == 190) { val+='.'; } console.log(val); }); <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title> </head> <body> <script src="https://code.jquery.com/jquery-2.1.4.js"></script> <input type="number" id="n" /> </body> </html><input type="number" min="0" max="999" step="0.000001" pattern="[0-9]{1,2}([\.][0-9]{1,2})?" id="n" /> Esto debería solucionar tu problema. Use FocusOut event to capture the value
Para obtener un valor de la entrada con tipo numérico, cuando el valor termina con un punto, debe usar una solución pirateada que requiere que escuche el evento 'onKeyUp'. Este comportamiento es intencional ya que la entrada numérica solo debe devolver números válidos.
Aquí está mi implementación de la solución descrita:
const resultContainer = document.querySelector("#result"); let value = null; const updateValue = (event) => { const DOT_KEY_CODE = 190; const BACKSPACE_KEY_CODE = 8; let newValue = event.currentTarget.value; if (newValue === "" || newValue === null) { if (event.keyCode === DOT_KEY_CODE) { newValue = value.toString() + "."; } else if (event.keyCode === BACKSPACE_KEY_CODE) { const valueParts = value.toString().split("."); const DECIMAL_PART = 1; const decimalPlaces = valueParts.length > 1 ? valueParts[DECIMAL_PART].length : 0; const LAST_DECIMAL_PLACE = 1; if (decimalPlaces === LAST_DECIMAL_PLACE) { const REMOVE_ONE_CHAR = 1; newValue = value.toString().substring(0, value.toString().length - REMOVE_ONE_CHAR); } } } value = newValue; resultContainer.innerHTML = newValue; }; <input type="number" onKeyUp="updateValue(event)" /> <div>Received value: <span id="result"></span></div>