[SOLUCIONADO] Mandar un alert cuando ya alcance un numero de caracteres en un textbox + jquery

[adryan310]

Hola gente,

Hoy tengo una duda... Como hago para saber cuando ya digite un numero dado de caracteres en un textbox, osea

Pongamos de ejemplo 3 caracteres entonces dígito:

abc cuando yo digite la c quiero enviar un alert diciendo llegaste al limite de caracteres permitidos, alguna ayuda por favor ?

[Alexis88]

Trabaja con el evento onkeypress, para que cada vez que se pulse una tecla teniendo el input el enfoque, se verifique la cantidad de caracteres que contiene como valor. Si dicha cantidad es igual a 3 o al límite que establezcas, con el método preventDefault, se evita el comportamiento normal del evento que consiste en imprimir el valor de la tecla pulsada en el input, mientras que si la cantidad de caracteres ingresados es menor en 1 al límite, solamente se muestra el mensaje de alerta, que veo que es lo que quieres hacer.

Código HTML:

<input id = "caja" />
 

Código Javascript:

var caja = document.getElementById("caja"),
    limite = 3;
 
caja.onkeypress = function(e){
  var cantidadActual = this.value.length;
  if (cantidadActual == limite - 1)
    alert("Ya alcanzó el límite de caracteres");
 
  if (cantidadActual >= limite)
    e.preventDefault();
};
 

Saludos

[adryan310]

Gracias amigo probare

[adryan310]

Amigo una consulta,

mira lo que quiero es que el autocomplete me salga pero hasta cuando haya escrito al menos 3 caracteres y aca tengo lo siguiente pero no me funciona correctamente ya que cuando borro lo digitado y vuelvo a digitar una letra el autocomplete se ejecuta y no deberia ser asi, espero explicarme bien, me ayudas ?

Funcion jquery:

Código Javascript:

$(document).ready(function(){
     var limit = 3;
     
     $("#txtAgent").keypress(function(){
         var cantCaracteres = this.value.length;
         
         if(cantCaracteres >=  limit - 1){
            $.getJSON("../class/Json-agents.php", function(data){         
                  var agents = [];
                  
                  $(data).each(function(key, value){agents.push(value.Agent); });
                  
                  $("#txtAgent").autocomplete({source: agents});      
            });
         }
     });
});
 

[Alexis88]

Por lo que veo, el autocompletado se efectuará cuando hayan 2 o más caracteres, no cuando hayan 3 o más. Si quieres que el autocompletado se efectúe a partir del momento en que insertes el tercer caracter, la condición debe ser así:

Código Javascript:

if(cantCaracteres >=  limit){
  //Autocompletado
}
 

Saludos

[adryan310]

Amigo tenias razón pero tengo una duda... por que eso solo me funciona una vez osea solo cuando la uso la primera vez me verifica dicho IF pero cuando borro los caracteres del textbox y vuelvo a escribir de una vez me sale el autocomplete y ya no vuelve a comprobarme el IF. Alguna idea ?

Código Javascript:

if(cantCaracteres> limit){
  $.getJSON("../class/Json-agents.php", function(data){       
      var agents = [];
                  
         $(data).each(function(key, value){agents.push(value.Agent); });
                  
     $("#txtAgent").autocomplete({source: agents});   
   });
}
 

[Alexis88]

Es extraño, el autocompletado debería ocurrir siempre que se cumpla la condición así borres y vuelvas a escribir el contenido. No estoy seguro de que tenga algo que ver, pero también puedes probar cambiando el if por un while, aunque de cualquier forma, en ambos casos se debería cumplir la condición.

Código Javascript:

while (cantCaracteres >= limit){
  $.getJSON("../class/Json-agents.php", function(data){       
      var agents = [];
                  
         $(data).each(function(key, value){agents.push(value.Agent); });
                  
     $("#txtAgent").autocomplete({source: agents});   
   });
}