Pourquoi je ne peux pas valider les deux inputs ?

**ouldfella** · 14/04/2014, 11h01

le validateur vérifie que le premier champs
pourquoi ?

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
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
 
        <script src="js/jquery.js"></script>
        <script src="js/qtip.js"></script>
        <script src="js/jquery.validate.js"></script>
        <script src="js/jquery.metadata.js"></script>
        <link type="text/css" href="css/qtip.css" rel="stylesheet">
        <script type="text/javascript">
            $(document).ready(function(){
                $('#form').validate({
                    meta: "validate"
                });
 
            });
        </script>
    </head>
    <body>
 
        <form id="form" style="margin: 120px">
            <input id="a" value="" class="{validate:{required:true, messages:{required:'xxx'}}}" type="text"  />
            <input id="b" value="" class="{validate:{required:true, messages:{required:'yyy'}}}" type="text"  />
            <button type="submit">test</button>
        </form>
    </body>
</html>

**ouldfella** · 14/04/2014, 11h06

j'ai rajouté l'attribut name pour les inputs et ça marche

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
<!doctype html>
<html>
    <head>
        <meta charset="utf-8">
 
        <script src="js/jquery.js"></script>
        <script src="js/qtip.js"></script>
        <script src="js/jquery.validate.js"></script>
        <script src="js/jquery.metadata.js"></script>
        <link type="text/css" href="css/qtip.css" rel="stylesheet">
        <script type="text/javascript">
            $(document).ready(function(){
                $('#form1').validate({
                    meta: "validate"
                });
 
            });
        </script>
    </head>
    <body>
 
        <form id="form1" style="margin: 120px">
            <input name="a" id="a" value="" class="{validate:{required:true, messages:{required:'xx x'}}}" type="text"  /><br />
            <input name="b" id="b" value="" class="{validate:{required:true, messages:{required:'y yy'}}}" type="text"  /><br />
            <button type="submit">test</button>
        </form>
    </body>
</html>

Pourquoi je ne peux pas valider les deux inputs ?

jQuery

Discussions similaires

Partager

Partager