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

FancyBox como alternativa a LightBox La mayoría de vosotros ya conocerá LightBox como una de las librerías JavaScript mas famosas para crear atractivas galerías de fotos con sus respectiv...
jQuery – validar grupo de checkbox con jQuer... Existe un pligin llamado Validate que puede utilizarse para validar un formulario. Seguro que muchos de vosotros ya lo sabréis. Pero cómo validamos qu...
jQuery – Conseguir el texto de la opción sel... En un desplegable, nos puede interesar saber el texto que se muestra de la opción seleccionada. Lo veremos mucho mejor con un ejemplo que puede aclara...
elrte – Editor de texto WYSIWYG para tus apl... Os damos a conocer uno de los editores de texto mas completos que existen para tus aplicaciones web, elrte. Cómo se utiliza ? Primero hay que de...

Deja un comentario

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

*