0

estoy trabajando en un proyecto personal, y quería saber si es posible agregar un guión(-) al escribir una cantidad de caracteres determinados en el input por ejemplo:

Tengo el input:

<input type="text" name="codigo_cliente" id="id_codigo_cliente">

Y la idea es que al escribir por ejemplo "123" automáticamente se ponga un guión y quede "123-", eso solo es un ejemplo, no debe ser el "123" específicamente. He intendado el siguiente código JS con Jquery:

var idco = $("input#id_codigo_cliente");

if(idco.value == 3){
   $("input#id_codigo_cliente").value("-");
}

Pero como es de esperar... el código no funciona. Espero alguien me pueda ayudar, Gracias de antemano!.

1 respuesta 1

0

Con jquery podria ser así:

// jquery
var idco = $("input#id_codigo_cliente");

idco.keyup(function(event) {
  if (event.keyCode !== 8) {
    value = idco.val()
    if (value.length == 3) {
      idco.val(value + '-');
    }
  }
})
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<input type="text" name="codigo_cliente" id="id_codigo_cliente">

Y con vanilla javascript (javascript puro) lo que buscas seria algo así:

// vanilla javascript
var idco = document.getElementById('id_codigo_cliente')

idco.addEventListener('keydown', function(event) {
  const key = event.key;
  if (key !== "Backspace") {
    if (idco.value.length == 3) {
      idco.value = idco.value + '-';
    }
  }
}, false)
<input type="text" name="codigo_cliente" id="id_codigo_cliente">

13
  • @Christian Pues a mi no me sucede, es decir, si se intenta solo borrar el guión entonces vuelve a aparecer, eso esta claro, y no te deja borrar con la tecla de retroceso más allá. Y eso ocurre en ambos casos. Pero si seleccionas todo el input lo puedes borrar sin problemas, o si mueves el cursor con el raton o el teclado tambien. No se reproducir este bug que dices. (uso Firefox, a ver si va a ser eso.. pues no, en chrome tambien me funciona como digo)
    – masterguru
    Commented el 5 feb. 2022 a las 23:13
  • Creo la idea no es con un valor especifico, si no en cierto numero de caracteres, por ejemplo al 3ro y entonces poner el - . O siguiendo un patron especifico Commented el 5 feb. 2022 a las 23:13
  • @StialManstike quizas tienes razón, pero eso no lo especifica el OP, ya lo aclarará si quiere. Yo me ciño a lo que he leido en la pregunta actual, que ponia especificamente por ejemplo "123"
    – masterguru
    Commented el 5 feb. 2022 a las 23:15
  • @masterguru bueno si, yo lo decia por el titulo de la pregunta, pero si, ya se aclarara, de cualquier manera con la respuesta ya se puede guiar de mas. Commented el 5 feb. 2022 a las 23:20
  • @StialManstike vaya, pues tienes razon, no me leí el título (algun dia deberia leermelos mejor, siempre me pasa :-))... pues vaya... toca rehacer un poco el código! bien visto
    – masterguru
    Commented el 5 feb. 2022 a las 23:23

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.