Discussion :

[amal_noussair]

bonsoir,

je suis entrain de réaliser une application en utilisant JSF, j'ai créé une formulaire qui contient deux champs je dois vérifier si les champs sont renseignés j'ai pensé à intégrer le javascript dans ma page.

mon problème c'est que je sais pas comment récupérer le nom du champs concerné, normalement en html il existe l'attribut NAME qui permet de faire ça mais je connais pas son équivalent en JSF,

merci pour votre aide

[romaintaz]

Pour faire ce que tu veux, tu peux juste renseigner required="true" dans tes inputText. La validation se fera automatiquement...

Sinon, pour ton information, on récupère les éléments par leur ID.
Soit un code JSF :

Code :

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

1
2
3
<h:form id="myForm">
    <h:inputText id="myInput" .../>
</h:form>

Le code Javascript est le suivant :

Code :

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

var obj = document.getElementById("myForm:myInput");

On notera que les IDs des éléments contenus dans un formulaire sont préfixés (et séparés par ':') par l'ID de ce formulaire.

[amal_noussair]

merci pour votre reponse;

j'ai essayé ce que vous m'avez proposé mais il y a quelque chose qui marche pas:

j'ai créé une fonction en javascript pour verifier si le champs est renseigné ou non:

Code :

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

1
2
3
4
5
6
7
8
9
 
<script type="text/JavaScript" language="JavaScript">
function verifForm(Form)
{
if(document.getElementById("Form:code").value == "")
else
Form.submit(); 
}
</script>

et dans le code jsf:

Code :

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

1
2
3
4
5
<h:form id="Form">
<h:outputText value="Code: "></h:outputText>
 <h:inputText value="#{budget.code}" id="code"/>
<h:commandButton value="Valider" onclick="verifForm(Form)" action="#{budget.logInto}"/>
</<h:form>

[amal_noussair]

j'ai pu resoudre le probleme j'ai oublier de specifier le traitement à realisé si le champs n'est pas renseigné.

j'ai modifé donc ma fonction:

Code :

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

1
2
3
4
5
6
7
8
 
function verifForm(Form)
{
if(document.getElementById("Form:code").value == "")
alert('remplissez tous les champs \!\!');
else
Form.submit(); 
}