1

una consulta que espero me puedan ayudar a resolver..

por que este script javascript solo sirve si se visualiza en PC y no en móvil... ¿Qué ajuste le hago para que en el explorador del móvil la visualice igual y haga lo mismo que cuando la veo en el explorador del PC? pues en el movil el input se comporta como un simple input normal y necesito que el input separe el texto mientras se escribe así ejemplo: ABC-123

Gracias!!!

<input name="placa" type="text" id="placa" onkeyup="form1.placa.value=form1.placa.value.toUpperCase()" size="8" maxlength="7" style="font-size:25px;">
<script>
document.getElementById("placa").addEventListener("keypress", function(e) {
    if (this.value.length<3 && /[A-Za-z]/.test(e.key)) {
        this.value+=e.key.toUpperCase();
    }
    if (this.value.length>=4 && /[A-Za-z0-9]/.test(e.key)) {
        return;
    }
    if (this.value.length==3) {
        this.value+="-";
    }
    e.preventDefault();
});
</script>

12
  • no comprendo cual es tu problema, usas alguna libreria como Jquery o solo js puro.
    – CRIS19N
    Commented el 28 ene. 2021 a las 14:18
  • Hola mil gracias por responder...pues es asi como lo vez, el problema es que al visualizar la web en explorador desde un PC funciona perfecto se visualiza perfecto, pero al verla desde un explorador de un smarthPhone se comporta como un input normal y necesito que se separe el texto mientras se escribe asi ABC-123... Ayudaaa
    – Eduardo
    Commented el 28 ene. 2021 a las 14:24
  • pero no estas gregando el codigo completo? porque sale que form1 no esta definido, es decir tiene ese inpu dentro de las etiqueta form?
    – CRIS19N
    Commented el 28 ene. 2021 a las 14:30
  • De nuevo Gracias CRIS19N por responder... si claro que esta dentro de un form, solo que tome la parte que necesitaba mostrar
    – Eduardo
    Commented el 28 ene. 2021 a las 14:33
  • voy a probarlo de forma local, para ver que puede ser, y editare mi respuesta si encuentro el problema
    – CRIS19N
    Commented el 28 ene. 2021 a las 14:35

1 respuesta 1

1

Código completo con los FORM

<form  id="form1" enctype="multipart/form-data">
    <input name="placa" type="text" id="placa" onkeyup="form1.placa.value=form1.placa.value.toUpperCase()" size="8" maxlength="7" style="font-size:25px;">
   
   </form>
<script>
const input = document.querySelector('input');
const value = document.getElementById("placa").value;

var expresion1 =/[A-Za-z]/;

var expresion2 = /[A-Za-z0-9]/;

input.onkeyup = logKey;

function logKey(e) {
 
    if (this.value.length<3 && value.match(expresion1)==true) {
        this.value+=value.value.toUpperCase();
    }

    if (this.value.length>=4 && value.match(expresion2)==true) {
        return;
    }
    if (this.value.length==3) {
        this.value+="-";
    }
    e.preventDefault();
}


</script>

1
  • es lo más cercano posible, no manejo mucho js puro, pero puede que te sirva de alguna ayuda, mientras sigo probando.
    – CRIS19N
    Commented el 28 ene. 2021 a las 16:36

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.