JQuery - Cambiar class con Jquery

 
Vista:

Cambiar class con Jquery

Publicado por Marco (1 intervención) el 06/01/2018 22:33:47
[PHP , Jquery, MySql]


Buen dia Chicos, agradezco su ayuda desde ya ....

Tengo un input en donde quiero detectar inmediatamente cuando alguien ingrese un @ al principio de la cadena... la idea de esto es poder transformar ese input que inicialmente es un buscador comun y corriente en un buscador de usuarios de un chat... y para eso debo cambiar el class

con que funcion podria detectar el ingreso de ese caracter "en vivo" ?


gracias!
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder
Imágen de perfil de abzerox
Val: 39
Ha mantenido su posición en JQuery (en relación al último mes)
Gráfica de JQuery

Cambiar class con Jquery

Publicado por abzerox (14 intervenciones) el 07/01/2018 01:22:00
Hola, puedes intentar con este pequeño script. Utilizo el evento keyup para detectar el cambio de valor en el input, luego con una simple regex detecto si el valor comienza con un "@".

1
2
3
4
5
6
7
8
// Recuerda cambiar por el id de tu input.
$('#input').on('keyup', function(e) {
      const val = $(this).val();
       $(this).removeClass('red')
      if (/^@/.exec(val)) {
        $(this).addClass('red')
      }
})

Nos comentas.
Valora esta respuesta
Me gusta: Está respuesta es útil y esta claraNo me gusta: Está respuesta no esta clara o no es útil
0
Comentar