Untitled

<!DOCTYPE html>
<html lang="fr">
        <head>
                <meta charset="utf-8"/>
                <link rel="stylesheet" type='text/css' href='mon-style.css'/>
                <title>Formulaire JQuery</title>
        </head>
        <body>
                <form action="#" id="leform">
                        <label for="nom"> Nom: </label>
                        <input type="text" id="nom" minlength="2" required>
                        <br>
                        <label for "email"> Email: </label>
                        <input type="email" id="email" name="email"required>
                        <br>
                        <label for="mdp">Mot de Passe : </label>
                        <input type="password" id="mdp" name="mdp">
                        <br>
                        <label for="confmdp">Confirmez le Mot de Passe : </label>
                        <input type="password" id="confmdp" name="confmdp">
                        <br>
                        <label for="choix">Souhaitez-vous apprendre des languages? </label>
                        <input type="checkbox" id="choix" name="choix">
                        <br>
                        <div id="choixlanguages" class="invisible">
                        <p> Choisissez au moins deux languages. </p>
                        <label for="python"> Python </label>
                        <input type="checkbox" id="python" name="language">
                        <br>
                        <label for="java"> Java </label>
                        <input type="checkbox" id="java" name="language">
                        <br>
                        <label for="c++"> C++ </label>
                        <input type="checkbox" id="c++" name="language" value='c'>
                        </body>
                        <br>
                        <input type="submit" value="Envoyer">
                </form>

                <script src="jquery.js"></script>
                <script src="jquery.validate.js"></script>
                <script src="messages_fr.js"></script>
                <script>
                		//$("#leform").validate();
                		$().ready(function(){
                			$("#leform").validate({
                				rules:{
                					nom:{
                						required: true,
                						minlength: 2
                					},
                					email:{
                						required: true,
                						email: true
                					},
                					mdp:{
                						required: true,
                						minlength: 5
                					},
                					confmdp:{
                						required: true,
                						minlength: 5,
                						equalTo: "#mdp"
                					},
                					langage:{
                						required:"#choix:checked",
                						minlength: 2
                					}
                				},
                				messages:{
                					nom:{
                						required:" Le nom est obligatoire",
                						minlength:" Votre nom ne peut pas faire moins de deux caracteres"
                					},
                					email:{
                						required:" L'email est obligatoire",
                						minlength:" Attention vous avez oubliez quelque chose "
                					},
                					mdp:{
                						required:" Obligatoire",
                						minlength:" 5 caracteres au moins"
                					},
                					confmdp:{
                						required:" Obligatoire",
                						minlength:" 5 caracteres au moins",
                						equalTo:" Ce n'est pas identique au mdp"
                					},
                					langage:{
                						required:" Il faut faire des choix",
                						minlength:" Encore un langage svp"
                					}
                				}
                			})
                		});

                        var choix= $("#choix");
                        var initial= choix.is(":checked");
                        var choixlanguages=$("#choixlanguages");
                        choixlanguages[initial ?"removeClass" : "addClass"]("invisible");
                        var leslanguages =$("#choixlanguages").find("input");
                        leslanguages.attr("disabled",!initial);

                        choix.click(function(){
                                choixlanguages[this.checked ?"removeClass" : "addClass"]("invisible");
                                leslanguages.attr("disabled",!this.checked);
                        })


                </script>
        </body>
</htlm>