Alguna funcion jquery para controlar un input solo se escriban numeros que lo acepten todos los navegadores y que tambien acepte enter, borrar y tab?
5 respuestas
Usando jQuery
puede hacer lo siguiente:
$('.input-number').on('input', function () {
this.value = this.value.replace(/[^0-9]/g,'');
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<input type="text" class="input-number" value="" />
-
-
y esta muy bien :D sencillo y practico.. quiza solo agregar una advertencia donde diga que solo se pueden escribir numeros :D el 16 dic. 2016 a las 23:09
Crea una funcion JavaScript como la siguiente
<script>
$(document).ready(function (){
$('.solo-numero').keyup(function (){
this.value = (this.value + '').replace(/[^0-9]/g, '');
});
});
</script>
Y finalmente llamarias esa funcion en tu elemento html
<input type="text" value="" class="solo-numero">
-
Ya habia usado esta funcion pero el input esta inicializado en 0 y cuando escribo a la primer escribe 01 y no 1 tengo que borrar primero y luego borrar el 16 dic. 2016 a las 16:05
-
Bastaría con añadir dentro de la función un
if (this.value == '0') { this.value = '';}
el 2 ago. 2021 a las 9:38
Puedes usar:
<input type="number" name="campo_numerico" />
-
creo que la pregunta consulta claramente por una función jquery, aunque tu respuesta también realiza lo que se pide el 16 dic. 2016 a las 17:27
-
En cuanto a validación cumple, pero no impide que se pueda escribir carácteres diferentes a números. el 16 dic. 2016 a las 19:48
$(document).ready(function(){
$(".numeric").numeric();
});
o también
<input type="number" />
Yo he usado jquery Autonumeric: autoNumeric y también una función: ForceNumericOnly, anexo el código para que te des una idea. Saludos.
$(document).ready(function() {
$('.demo').autoNumeric('init');
$(".soloNumero").ForceNumericOnly();
});
jQuery.fn.ForceNumericOnly =
function() {
return this.each(function() {
$(this).keydown(function(e) {
var key = e.charCode || e.keyCode || 0;
// allow backspace, tab, delete, arrows, numbers and keypad numbers ONLY
return (
key == 8 ||
key == 9 ||
key == 46 ||
(key >= 37 && key <= 40) ||
(key >= 48 && key <= 57) ||
(key >= 96 && key <= 105));
});
});
};
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://www.decorplanit.com/plugin/autoNumeric-1.9.41.js"></script>
<h2>Con AutoNumeric</h2>
<br/>
Con minimos y maximos
<br/>
<input type="text" name="demoMinMax" id="demoMinMax" class="demo" data-v-min="-99999999999" data-v-max="0" data-a-sep=" " data-m-dec="2" data-w-empty="zero" value="">
<br/>Default
<br/>
<input type="text" name="demoDefaults" id="demoDefaults" class="demo">
<br/>
<h2>Con Funcion ForceNumericOnly</h2>
<br/>Funcion de jquery
<br/>
<input type="text" class="soloNumero" id="demoFuncion">