Bonjour , je suis entrain d'apprendre la validation de formulaires avec jquery mais je suis bloqu� dans le cas ou il y'a 2 checkbox multiple , je voudrais que si l'une de deux checkbox n'est pas valid� un message d'erreur soit affich�. dans mon cas si une des deux checkbox est s�lectionn� ,le message d'erreur ne s'affiche pas et le formulaire est soumise.
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
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
    <style type="text/css">
        label.error {
            float: none; color: red;
            padding-left: .3em; vertical-align: top;
        }
    </style>
    <script type="text/javascript"
            src="http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js">
    </script>
    <script type="text/javascript" src="
http://ajax.microsoft.com/ajax/jquery.validate/1.7/jquery.validate.min.js">
    </script>
    <script type="text/javascript">
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
        $.validator.addMethod('onecheck', function(value, ele) {
            return $("input:checked").length >= 1;
        }, 'Please Select Atleast One CheckBox')
 
        $(document).ready(function() {
            $("#form1").validate({
                rules: {
                    'bev[]': {
                        onecheck: true
                    },
                    'bev2[]': {
                        onecheck: true
                    }
                },
                errorPlacement: function(error, element) {
                    error.appendTo('#err');
                }
            });
 
        });
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
    </script>
    <title></title>
</head>
<body>
<form id="form1">
    <div id="chkboxes">
        <input type="checkbox" name="bev[]" value="cream" />With cream<br />
        <input type="checkbox" name="bev[]" value="sugar" />With sugar<br />
        <input type="checkbox" name="bev2[]" value="sugar" />With sugar<br />
        <input type="checkbox" name="bev2[]" value="sugar" />With <br />
    </div>
    <div id="err"></div>
    <input id="btnSubmit" type="submit" value="submit" />
</form>
</body>
</html>
Merci de m'aider svp