FeedbackPanel ne marche pas sous Chrome

Version imprimable

La validation de formulaire ne marche pas sous Chrome

Bonjour,

J'utilise des FeedbackPanel pour notifier des erreurs dans la saisie d'un formulaire :

Code:

1
2
3
4
5
6
7
8
9
10
 
FeedbackPanel fdPanel = new FeedbackPanel("feedback");
fdPanel.setFilter(new IFeedbackMessageFilter() {
    @Override
    public boolean accept(FeedbackMessage message) {
        return !message.isRendered() && message.getReporter() == textfield;
    }
});
fdPanel.setOutputMarkupId(true);
add(fdPanel);

Et pour notifier l'erreur :

Code:

1
2
 
textfield.error("Message d'erreur");

Ensuite, mon formulaire est validé comme suit :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
final Button valider = new Button(Constantes.BOUTON_VALIDER) {
    @Override
    public void onSubmit() {
        if (!validation()) {
            setResponsePage(SouscriptionForm.this.webpage);
        }
        else {
            Class<? extends MessagePage> redirect = soumettreFormulaire();
            setResponsePage(redirect);
        }
    }
};
add(valider);

La notification marche très bien sous IE et Firefox, mais pas sous Chrome. Pensez-vous qu'il s'agit d'une erreur de ma part (et dans ce cas laquelle) ou bien s'agit-il d'un bug wicket ?

05/03/2010, 23h28
joseph_p

bonsoir verbose

Tout le traitement de remontée d'erreur se fait côté Java, par Wicket, une fois le formulaire soumis. La dépendance au navigateur ne se fait que pour la récupération des valeurs présentes dans le formulaire. A la fin de tout ce cycle, il y a bien sûr le problème de l'affichage, mais bon en général les navigateurs maitrisent pas mal la chose ;)

Aussi, perso, je chercherai plutôt du côté du submit, surtout s'il est "javascripté/ajaxifié", ce que ce morceau peut laisser penser :

Code:

fdPanel.setOutputMarkupId(true);

.

Si cela marche bien avec FF et IE, le "fonctionnel" côté Java peut probablement être ignoré : autant se concentrer sur le traitement du submit et l'affichage final. Pour le submit, je tenterai de mettre un point d'arret dans la méthode

Code:

public void process(IFormSubmittingComponent submittingComponent)

.

J'aurai bien tenté de reproduire l'erreur de mon côté, mais le code fourni est incomplet.

Au demeurant, je ne sais pas ce qu'il se passe précisément ? Les onSubmit se déclenchent ils ? Y a t il de l'ajax et la fenetre de debug qui va bien ? Si oui, quels sont les infos affichées ? Les logs sont ils également bien activés ? => wicket informe quand des notifications ne sont pas affichées.

bonne recherche !
++

EDIT : et bien sûr toutes les précautions d'usage: est ce avec la dernière version ? Y a t il des bugs connus qui pourraient expliquer la chose ? Tenter par exemple une recherche avec chrome dans le jira (http://issues.apache.org/).

2eme EDIT : et merci pour

Code:

message.isRendered()

, je ne l'avais jamais vu !

:)

Alors en effet, je ne passe pas dans le onSubmit() 8O Voilà qui est bien facheux :aie:

J'utilise Ajax uniquement pour changer la couleur du bouton lorsque l'utilisateur clique sur une checkbox, mais pas pour valider le formulaire.

Les logs font apparaître qu'il y a bien un évènement qui survient côté serveur au moment où je soumet le formulaire :
Code:

1 2 3 Mar 08 13:43:27 btw55566 [[EXECUTABLE]][-] : -dm4yLJnhjbnSqpWNLpjRv03mDr6tJ1Jl8zbPV42thnnd6pGBwRH0;DEBUG;persistSession;[[APPLICATIF]];;Flush des objets contenus en mémoire;; Mar 08 13:43:27 btw55566 [[EXECUTABLE]][-] : toto-dm4yLJnhjbnSqpWNLpjRv03mDr6tJ1Jl8zbPV42thnnd6pGBwRH0;DEBUG;persistSession;[[APPLICATIF]];;Flush des objets contenus en mémoire;;
Voici le code html de mon bouton de validation :
Code:

1 2 <input type="image" wicket:id="valider" onclick="submit()" src="../images/btn-valider-adhesion.gif"/>

08/03/2010, 15h28
joseph_p

Citation:

Envoyé par verbose

Alors en effet, je ne passe pas dans le onSubmit() 8O Voilà qui est bien facheux :aie:

hum, attention : si wicket détecte une erreur de validation avant, alors le onSubmit n'est pas appelé même si le submit du formulaire a bien fonctionné. Essaie plutot de surcharger le onValidate de ton formulaire pour voir si l'appel arrive bien au serveur (NB : utiliser onValidate est une mauvaise pratique, faut plutot aller vers les AbstractFormValidator).

Concernant le point d'arret dans la méthode "process" de la class Form, cela a t il donné quelque chose ?

Enfin, je viens de faire une recherche google sur "chrome javascript submit" et il y a pas mal de hits...
08/03/2010, 17h49
verbose

Alors oui, on passe bien dans le onValidate().

Pour le point d'arrêt dans le process, je ne vois rien d'anormal. Le submitting component est null étant donné que le formulaire est validé via javascript. Par contre les paramètres de la page sont également null. Je ne sais pas trop à quoi ça correspond. En tous les cas, la méthode retourne sans lever d'exception. Je ne sais pas trop comment interpréter ce qu'il se passe dans cette méthode.

[EDIT]
J'ai essayé sous Firefox où la validation du formulaire fonctionne. Et là le submitting component dans la méthode process est différent de null.
[/EDIT]

Pour la requête google, je n'ai rien trouvé d'intéressant. Il y a juste un hit dans lequel est dit qu'il n'est pas possible de valider un formulaire sous chrome via js. Mais j'ai fais un simple test et ça marche. Donc le problème ne vient pas du formulaire. D'autant que comme tu le signale, le serveur reçois bien une requête puisqu'on passe dans le onValidate().

Maintenant, je ne comprends pas pourquoi cette requête n'aboutie pas côté serveur.
08/03/2010, 18h41
verbose

En me penchant de plus près sur le code, il semble que le problème est bien dû au fait que le submitting component est null dans la méthode process. Car dans ce cas, on appelle pas la méthode submit.

Y a-t-il un moyen de contourner ce problème, ou bien est-ce dû à un bug de Chrome ?
08/03/2010, 18h55
verbose
Ca y est j'ai trouvé !!!! :mouarf:

J'ai ajouté une fonction javascript pour chercher le formulaire :
Code:

1 2 3 4 function soumettre() { document.getElementByName('souscriptionForm').submit(); }
Puis j'appelle cette fonction à la place du submit :
Code:

1 2 <input type="image" wicket:id="valider" onclick="soumettre()" src="../images/btn-valider-adhesion.gif"/>
Merci beaucoup pour ton aide joseph, tu m'as bien aidé à comprendre la cause du problème :ccool:

[EDIT] Je renomme le titre du topic pour aider les personnes qui auraient le même problème que moi à le retrouver plus facilement.