jQuery – Ejecutar función cuando cambie contenido de un textbox

¿Cómo ejecutar una función cuando cambia el contenido en un textbox en un formulario web?

Hay diferentes formas de hacerlo. Veamos qué formas:

Cambio contenido en textbox con JavaScript

1
<input id="mitexto" onchange="tufuncion();" onkeyup="this.onchange();" onpaste="this.onchange();" oninput="this.onchange();"/>

De esta manera, dentro del formulario, llamamos las función a ejecutar cuando se produce diversas acciones (change, key, paste o input).

Cambio contenido en textbox con jQuery

1
2
3
$('#mitexto').change(function() {
...
});

Se captura la acción onchange con jQuery del textbox con id mitexto.

Cambio contenido en textbox con jQuery

1
2
3
$('#mitexto').on('input', function(e){
...
});

Se captura la acción input con jQuery del textbox con id mitexto.

Cambio contenido en textbox con jQuery

1
2
3
$("#mitexto").on("change keyup paste click", function(){
...
});

Si buscáis en Google, veréis que los casos a utilizar dependerá el contexto en el que lo hagáis. El más completo es el último ejemplo, dónde se trata el cambio, se trata cuando se escribe o copia contenido en el textbox o cuándo se pulsan teclas en el textbox.

Artículos relacionados

Asignar acción en jquery a múltiples enlaces En muchas ocasiones nos interesa que al clicar sobre los enlaces de un apartado, el que sea, se ejecute una acción determinada. Pongamos un ejemplo: ...
bideo.js – poner video en el fondo de página... Librería que permit de forma sencilla, poner un video como fondo en una página web. Es muy utilizado en páginas de inicio para intentar impactar al vi...
jQuery UI – Tutorial 3 – Widget Date P... Breve tutorial que se muestra cómo utilizar el widget Date Picker de la librería jQuery UI. Un widget que facilita al usuario insertar una fecha en un...
jQuery – Tutorial 01 – Introducción Pequeño vídeo de unos 4 minutos que nos introduce a la librería jQuery. Qués es? Dónde informarse? Qué podemos hacer con esta librería? En el s...

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

*