0

Tengo el código:

<span class="input-group-addon">$</span><input type="number" step="0.01" class="form-control" lang="es" placeholder="" {% if form.monto_inc.value %}value="{{ form.monto_inc.value }}"{% endif %} id="monto_inc" name="monto_inc" required>

En el navegador Firefox, me acepta cuando escribo 1250,25 En el navegador Chrome no me toma la coma, toco la tecla y no pasa nada, sólo me toma 1250.25

¿Cómo hago para que me acepte la coma como en Firefox?

Quiero poder escribir los decimales (centavos de un precio) siempre con coma.

4
  • 1
    ¿No te han respondido ya a esto? Por resumir, a riesgo de ser reiterativo, el comportamiento de un campo input tipo "number" lo decide el navegador y no puedes hacer nada desde el código HTML. Para tener mayor control, hazlo tipo "text" e incluye en pattern la expresión regular que valide el formato deseado. Esto hará desaparecer, eso sí, los botones de "aumentar/disminuir" cantidad, pero no otra solución. No olvides también validar lo que recibas en el lado servidor, para evitar clientes maliciosos (que no respeten la regexp)
    – abulafia
    el 11 oct. 2019 a las 16:57
  • Muy cierto @abulafia pues me encontraba leyendo acerca de los atributos de dicho input
    – user128299
    el 11 oct. 2019 a las 17:04
  • Lectura relevante (incluye tabla de navegadores, y su comportamiento respecto al punto y la coma, según las preferencias de lenguaje del usuario --nota, no afecta el lenguaje del documento--)
    – abulafia
    el 11 oct. 2019 a las 17:13
  • 3
    Posible duplicado de Que en todos los navegadores me acepte coma para decimales
    – Kleith
    el 11 oct. 2019 a las 17:46

1 respuesta 1

0

Puedes usar algunos plugins de JQuery para lograr eso.

Un ejemplo de ello es: JQuery Mask Number

$('selectorInput').maskNumber();

** Recuerda importar JQuery

<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.