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>
Partager