2

Estoy trabajando con un campo input, y necesito que solo acepte números y comas por ejemplo:

145,234,126,876,909,173

Ya que cada número representa un ID, y esos datos los guardo en un array en PHP con explode

$array = explode(",", $campoinput);

Para posteriormente ocuparlos en otra función.

¿Cómo puedo lograr que el campo solo acepte números y comas como se muestra en el ejemplo de arriba?

Este es mi campo input:

<input name="ids" id="retiros" class="input_personalizado" size="40" align="center" placeholder="Ejemplo: 194,94,29">

2 respuestas 2

2

Fijate el post: Validar input solo decimal y coma.

Es lo que buscas, solo debes cambiar esta linea:

  this.value = this.value.replace(/[^0-9,.]/g, '').replace(/,/g, '.');

por:

    this.value = this.value.replace(/[^0-9,,]/g, '').replace(/,/g, ',');
1

En el input puedes utilizar el atributo pattern para especificar una expresión regular (un patrón) que el campo debe cumplir para que se considere válido. En navegadores que soporten validación HTML5 (básicamente todos), el formulario no se podrá enviar si alguno de los campos no es válido.

Una expresión regular simple que podría servirte es [0-9,]+ que indica que el campo debe tener solo dígitos y comas. Pero esta expresión regular es muy básica y aceptará algunas cadenas que no te interesen, como por ejemplo ,,,,.

Puedes optar por otra expresión regular algo más compleja: ^[0-9]+([,]?[0-9]+)*$. Este patrón indica que el campo debe:

  • Tener al menos un dígito
  • Que el primer carácter sea un dígito
  • Puede estar seguido opcionalmente por 0 o más de esto:
    • una coma opcional
    • al menos un dígito

Aquí puedes verlo funcionando:

<form>
  <input name="ids" 
         id="retiros" 
         class="input_personalizado" 
         size="40" 
         align="center" 
         placeholder="Ejemplo: 194,94,29" 
         pattern="^[0-9]+([,]?[0-9]+)*$" />
  <button>Enviar</button>
</form>

3
  • Alguien con más experiencia en expresiones regulares seguramente puede dar un patrón mejor o más eficaz. En mi opinión (y es una opinión), dejaría que el navegador hiciera el trabajo por ti.
    – Alvaro Montoro
    Commented el 14 abr. 2021 a las 17:49
  • El "diseñador" en mí recomendaría no usar un input para esto. Podrías crear un pequeño componente que tenga un input y añada chips (que tendría un checkbox escondido con un nombre común). PHP pone todos los valores de campos con el mismo name en un array directamente.
    – Alvaro Montoro
    Commented el 14 abr. 2021 a las 17:51
  • Algo como esto: codepen.io/alvaromontoro/pen/RwKyJBV
    – Alvaro Montoro
    Commented el 14 abr. 2021 a las 18:06

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.