Discussion :

[makonmathieu]

Bonjour, je suis tout nouveau dans l'utilisation de JQUERY, je voudrais valider mon formulaire avec JQUERY, mais je ne connais pas trop comment proccéder.... Merci de m'aider .............. il faudrait que je le fasse pour terminer mon projet.
Vous verrez ci-joint ou ci-dessous ma vue ( mon fichier HTML dans lequel j'ai referencé la .js qui doit valider ou non le formulaire )
Merci pour votre aide et pour des precisions.

Code html :

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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<script src="/public/Javascripts/jquery-1.6.4.min.js" type="text/javascript"></script> 
 <script src="/public/Javascripts/jquery.validity.min.js"></script>
 
#{set 'moreScripts'}
    #{get 'moreScripts' /}
     #{script 'formulaireOp.js' /}         //      fichier formulaireOp.js à partir duquel le contrôle est effectué avant validation du formulaire.
#{/set}
 
 
     <form action="@{recordOp()}" Method="POST" name="formulaireOp" id="formulaireOp" onsubmit="return verifForm(this)">
    <div class="titreFormulaire">
    FORMULAIRE CREATION DES OPERATEURS
    </div>
    <div class='subdi'>
    <label for="nomOpt" class='lab' required>nom </label>
    <input type="text" class="cpar" name="nomOp" id="nomOp" onblur="verifNom(this)"/> 
    </div>
    <div class='subdi'>
     <label for="login" class='lab'>login</label>  
     <input type="text" class="cpar" name="login" id="login" onblur="verifLogin(this)"/> 
    </div>
 
    <div class='subdi'>
     <label for="password" class='lab'>password</label> 
     <input type="text" class="cpar" name="password" id="password" />
    </div>
      <div class='subdi'>
     <label for="departement" class='lab'>departement</label> 
        <select name="departement" class="cpar">  
                 #{list items:ldep, as:"ldep"}
                 <option value="${ldep.id}">${ldep.name}</option>
                 #{/list}     
        </select>
    </div> 
     <div class='subdi'>
     <label for="role" class='lab'>role</label> 
        <select name="role" class="cpar">  
                 #{list items:lrole, as:"lrole"}
                 <option value="${lrole.id}">${lrole.name}</option>
                 #{/list}     
        </select>
    </div> 
    <div class='subdi'>
     <label for="statut operateur" class='lab'>statut operateur</label> 
     <div class="cpar">   Actif <input type="radio" name="statutoperateur" value="true"/>  
         Inactif <input type="radio" name="statutoperateur" value="false"  checked/> 
 
    </div>
    <div id="valid">
        <input type="submit" value="créer" id="submit">
    </div>    
</form>

[mathieu]

d'après ton code, l'envoi du formulaire lance la fonction "verifForm". il se passe quoi dans cette fonction ?