¿Me podrán explicar la manera más rápida para hacer que un input de tipo texto me permita poner números + un punto ('.')?
2 respuestas
Utilizaría:
pattern="\d*\.?\d*"
para números con o sin decimales. Valida: 2.45
, 123.5
123
, .7
pattern="\d*(\.\d+)"
valida 2.45
, 123.5
y .7
pero NO valida 123
.
explicación:
\d
digito
\d*
0 o más dígitos
()
grupo
(\.\d+)
grupo de un punto \.
más uno o más dígitos \d+
<form>
<input type="text" name="input_name" pattern="\d*(\.\d+)" required="required" oninvalid="setCustomValidity('número con decimales por favor')" oninput="setCustomValidity('')" title="Numero con decimales">
<input type="submit" value="enviar">
</form>
-
1enxaneta, he revertido la edición a tu respuesta. Te sugiero presionar el botón "editar" si consideras que debe haber un cambio. Saludos. Commented el 2 ene. 2019 a las 15:47
No se si esto es lo que buscas, pero puedes utilizar validaciones con regex
<input type="text" name="input_name" pattern="[0-9]+\.?[0-9]*" title="Numero con decimales">
Te dejo el link a la referencia.
Puedes probarlo tu mismo aquí
Javascript/JQuery
... intenta y nos comentas como te va