Bonjour,

Voici m'ont code html juste pour les tests :

                <form class="form-horizontal" action="index.php?file=User&op=reg" method="post" id="reg_form">
                    <fieldset>
                        <legend class="text-center"><?php echo _NEWUSERREGISTRATION ?></legend>
                        
                        <div class="form-group">
                            <label class="col-md-4 control-label" for="pseudo"><?php echo _NICK ?></label>
                            <div class="col-md-4 inputGroupContainer">
                                <div class="input-group">
                                    <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                    <input  name="pseudo" placeholder="<?php echo _NICK ?>" class="form-control" type="input" id="pseudo">
                                    <span class="glyphicon form-control-feedback" id="pseudo1"></span>
                                    <div id='username_availability_result'></div> 
                                </div>
                            </div>
                        </div>
                        <div class="form-group">
                            <div class="col-md-4 text-center">
                              <button id='g-recaptcha' type="submit" name="client" class="g-recaptcha btn btn-primary"
                                      data-sitekey="<?php echo $config['client-key'] ?>"
                                      data-callback="submitForm"
                                      data-size="invisible"><?php echo _ADD ?>
                              </button>

                            </div>
                        </div>
                    </fieldset>
                </form>

Voici m'ont code Jquery validation

                $(document).ready(function(validate) {

                    $.validator.addMethod("veriffullespace", function(value, element) {
                        return this.optional(element) || /^\S.+\S*$/i.test(value);
                    }, "");

                    $.validator.addMethod("noSpaceStart", function(value, element) { 
                        return value.indexOf(" ") != 0; 
                    }, "");
                    
                    $.validator.addMethod("noSpaceEnd", function(value, element) { 
                        return value.lastIndexOf(" ") != value.length - 1; 
                    }, "");
                    
                    $('#reg_form').validate({
                        rules: {
                            pseudo: {
                                veriffullespace: true,
                                required: true,
                                noSpaceStart: true
                            },

                        },
                        messages: {
                            pseudo: {
                                required: "<?php echo _COBLIGATOIRE ?>",
                                noSpaceStart: "<?php echo _NOSPACESTART ?>",
                                veriffullespace: "<?php echo _NOFULLSPACE ?>"
                            },
                        },
                        highlight: function(element) {
                            var id_attr = "#" + $( element ).attr("id") + "1";
                            $(element).closest('.form-group').removeClass('has-success').addClass('has-error');
                            $(id_attr).removeClass('glyphicon-ok').addClass('glyphicon-remove');         
                        },
                        unhighlight: function(element) {
                            var id_attr = "#" + $( element ).attr("id") + "1";
                            $(element).closest('.form-group').removeClass('has-error').addClass('has-success');
                            $(id_attr).removeClass('glyphicon-remove').addClass('glyphicon-ok');         
                        },
                        errorElement: 'span',
                        errorClass: 'help-block',
                        errorPlacement: function(error, element) {
                            if(element.parent('.input-group').length) {
                                error.insertAfter(element.parent());
                            } else {
                                error.insertAfter(element);
                            }
                        } 
                    });
                });

Voici le javascript pour initialiser recaptcha invisible

                function submitForm() {
                    document.getElementById("reg_form").submit();
                }

<script src="https://www.google.com/recaptcha/api.js" async defer></script>

M'ont problème quand j’enlève la class g-recaptcha de m'ont button, jquery validation fonctionne mais pas recaptcha, quand je le rajoute recaptcha fonctionne mais pas jquery validation.

J'ai donc fais énormément d’essais en utilisant le lien officiel :

https://developers.google.com/recaptcha/docs/invisible#example

Mais cela ne marche carrément plus avec.

Si une personne à un tuto qui m'explique, je prend !

Merci d'avance.