Discussion :

[Maitre2B]

Bonjour à tous,

J'ai un formulaire où il faut remplir chaque champs.
J'ai donc mis un <input type="exemple" required /> pour chacun d'entre eux.
Lorsque le formulaire est entièrement rempli, on peut alors cliquer sur "Next".

Malheureusement, ça ne fonctionne pas très bien...
Seul le premier <input> est requis pour appuyer sur Next alors que les autres inputs sont en required aussi.



Au niveau du code :

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
26
27
28
29
30
31
32
33
34
35
36
 
<div class="tab-pane" id="pills-tab1">
                                    <br><h4 class="title">Les informations suivantes sont nécessaires à votre inscription : </h4><br>
 
                                    <p>
                                        <label>Nom<br />
                                            <input type="text" ng-model="last_name" required="required"/></label>
                                    </p>
 
                                    <p>
                                        <label>Prénom<br />
                                            <input type="text" ng-model="first_name" required="required"/></label>
                                    </p>
 
                                    <label>Date de naissance<br>
                                        <div class="input-group">
                                            <input type="" id="get_dp" class="form-control sub-datepicker datepicker" data-end-date="-13y" data-start-date="-120y" data-start-view="2" data-format="dd/mm/yyyy"/>
                                            <span class="input-group-addon round_border"><i class="fa fa-calendar"></i></span>
                                        </div> 
                                    </label>
                                    <p></p>
                                    <p>
                                        <label >E-mail<br />
                                            <input type="text"/ ng-model="email" required/></label>
                                    </p>
 
                                    <p>
                                        <label>Mot de passe<br />
                                            <input type="password" class="input" ng-model="password" required/></label>
                                    </p>
                                    <p>
                                        <label>Confirmation du mot de passe<br />
                                            <input type="password" class="input" ng-model="verification_password" required/></label>
                                    </p>
                                    <p id="error" ng-bind="password_message"></p>
                                </div>

[NoSmoking]

Bonjour,

Seul le premier <input> est requis pour appuyer sur Next...

je dirais dans ce cas que c'est ton code javascript qui est défaillant !

Nota : essaies d'être plus rigoureux dans ton écriture, un coup tu écris

Code :

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

<input type="text" ng-model="last_name" required="required"/>

et un coup

Code :

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

<input type="password" class="input" ng-model="password" required/>

Je trouve également qu'il y a beaucoup de <br> qui ne servent à rien !

[Maitre2B]

Bonjour,

Merci pour votre réponse.
J'ai essayé différente méthode pour le required voyant que ça ne fonctionnait pas.
Je regarderai au niveau du JS dans ce cas