Skip to main content
título editado
Enlace
Diego Avila
  • 5.5k
  • 6
  • 21
  • 48

Permitir que solo Solo se permitan números y puntos en el elemento <input>

Origen Enlace

Permitir que solo se permitan números y puntos en el elemento <input>

Estoy intentando crear una reglas básicas para que los usuarios no creen datos incorrectos en ciertos campos.

Partiendo del codigo:

HTML

<input id="tel_contacto" name="tel_contacto" class="element text medium" type="text" maxlength="9" minlength="9" style="border-radius:20px;" required="">

He conseguido mediante este código que solo me permita números, pero solo me permite la introduccion de un solo punto:

HTML + JavaScript

<input  id="tel_contacto" name="tel_contacto" class="element text medium" type="text" maxlength="9" minlength="9" style="border-radius:20px;" required="" oninput="this.value = this.value.replace(/[^0-9.]/g, ''); this.value = this.value.replace(/(\..*)\./g, '$1');">

Ademas, el campo minlength a dejado de funcionar permitiendo la introducción de datos menores de 9 caracteres.