Discussion :

[rafmix]

Bonsoir,

J'ai un petit souci dans un formulaire, j'aimerais afficher une div au moindre changement dans un input ou un texarea (ckeditor).

Pour l'instant, j'utilise .change + jquery.validationEngine.js pour la validité des champs, mon souci est que ce soit .change (ou .blur) cela ne fonctionne que lorsqu'on sort de l'input par un clic dans une autre zone, ou une tabulation pour aller à l'input suivant... Problème qui n'existe pas, bien sûr, sur les checkbox ou select.

Je n'ai pas trouvé de plugin sympa pour résoudre ça. Les solutions que j'envisage sont le lancement d'une fonction avec un intervalle de temps lors du clic sur un input (bof/bof + je ne sais pas encore comment faire pour arrêter cette fonction, histoire de ne pas bouffer tout le CPU) ou une détection sur la div contenant (pire, je modifie mon input sans sortir de cet input, ma div ne s'affiche pas ^^).


Si quelqu'un a une idée, je suis preneur.

Merci d'avance, bon code...

Sinon, je viens de trouver ça. J'ai cherché (mal) hier pendant deux heures et la bonne soluce semble être $('form').keyup(function(event) { }).

[SpaceFrog]

keyup keypress keydown mousedown mouseup
ce ne sont pas les evenements qui manquent

à noter que ton keyup ne couvrira pas le copier coller à la souri

[rafmix]

Merci pour la réponse.

Je cherche une solution où je ne dois pas faire toutes les possibilités d’évènement ; un .change en temps réel m'arrangerait bien.

Sinon, y a-t-il une syntaxe pour associer des évènements du style :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('form').(keyup,keypress)(function(event) { })

Pour eviter :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
$('form').keyup(function(event) { }) 
$('form').keypress(function(event) { })

C'est plus pour info générale que pour ce cas précis. Si je dois faire 5/10 lignes pour mon cas, pas grave...

[SpaceFrog]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

$('form').bind(keyup,keypress)(function(event) { })

[Bovino]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('form').on('input', 'input, select, textarea', function(e){
    alert(e.target.value);
});

[SpaceFrog]

on balise ??? kesaquo ?

[rafmix]

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
$('form').on('input', 'input, select, textarea', function(e){
    alert(e.target.value);
});

marche nikel

sauf pour ckeditor...normal vais voir ce que je trouve, j'ai dejà un on('blur'... mais pas en temps réel