Listeur de mise à jour de formulaire JQuery

Question

Je souhaite déclencher une fonction javascript lorsque l'un des éléments d'un formulaire spécifique a été modifié. Est-ce possible en utilisant jquery?

Est-ce que quelqu'un a un exemple comment faire cela?

Answer 1

$(function() { 
    $('form#id input[name=joe]').change(function() { alert('it changed!'); }); 
}); 

Answer 2

Si vous avez un champ de texte comme celui-ci:

<input type='text' id='myInput'> 

Vous pouvez le faire:

function executeOnChange() { 
    alert('new value = ' + $(this).val());  
} 
$(function() { // wait for DOM to be ready before trying to bind... 
    $('#myInput').change(executeOnChange); 
}); 

Here is an example of this in action.

Veuillez noter que vous devez perdre le focus sur le champ de texte pour que l'événement change se déclenche. Si vous souhaitez sélectionner l'entrée par nom au lieu de l'ID, vous pouvez remplacer $('#myInput') par $('input[name=myName]'). Pour plus d'informations sur les sélecteurs, check out the documentation.

Answer 3

Jut écrire un sélecteur pour les éléments du formulaire et joindre un gestionnaire de changement voir http://docs.jquery.com/Events/change#examples