Bonjour, j'essaie de mettre en place un formulaire en Ajax, j'aimerais que les champs de celui-ci s'effacent lorsque le formulaire est validé sans erreur, je n'ai trouvé que l’événement onsuccess :
Le problème, c'est que l'instruction jquery du onsucces s’exécute même quand le formulaire n'est pas valide.
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25 <h:form id="form"> <p:messages id="errors" autoUpdate="true" escape="false" showDetail="true" showSummary="true" severity="error" globalOnly="true" /> <p:messages id="infos" autoUpdate="true" escape="false" showDetail="true" severity="info" showSummary="true" /> <div id="toHide"> <h:panelGrid id="grid" columns="3" cellpadding="4"> <p:outputLabel for="email" value="Adresse Mail associée à votre compte : " /> <p:inputText id="email" value="#{userManagedBean.email}" required="true" requiredMessage="Champ vide" size="30" maxlength="40" validator="emailMDPOublieValidator" /> <p:message for="email" /> </h:panelGrid> <div class="table"> <div class="row"> <div class="cell vertAlignMid"> <p:outputLabel id="captchaLabel" for="captcha" value="Copiez le code SVP" /> </div> <div class="cell vertAlignMid"> <p:captcha id="captcha" language="fr" required="true" requiredMessage="Champ vide" validatorMessage="Mauvais code" /> </div> <div class="cell vertAlignMid"> <p:message id="captchaMessage" for="captcha" /> </div> </div> </div> <p:commandButton value="Envoyer" actionListener="#{userManagedBean.actionMDPOublie}" update="grid captchaLabel captchaMessage errors infos" oncomplete="Recaptcha.reload()" onsuccess="$('#toHide').html('')" /> </div> </h:form>
Merci pour votre aide.
Partager