Validate classe required

Validate classe required

Bonjour,

J'ai formulaire avec différents dont certain de la valeur sélectionnée dans une liste.
Je souhaite vérifier que c'est champs sont bien remplis. Le problème est que le contrôle des champs fait quand même effet si ne sont pas à remplir. Comment faire?
Voici la fonction qui permet d'afficher les champs en fonction de la liste:
  1. $(document).ready(function() {
                $('#mHT').hide();
                $('#taux').hide();
                $('#cTotal').hide();
                $('select[name="type"]').change(function() { // lorsqu'on change de valeur dans la liste
                var valeur = $(this).val(); // valeur sélectionnée
               
                    if(valeur != '') { // si non vide
                        if(valeur == 'Restauration' ||  || valeur == 'Autres') {
                            //Affichage des différents champs
                            $('#mHT').show();
                            $('#taux').show();
                        } else {
                            //On cache les différents champs si autre valeur sélectionné
                            $('#mHT').hide();
                            $('#taux').hide();
                        }
                        if(valeur == 'Autres') {
                            $('#precision').show();
                        } else{
                            $('#precision').hide();
                        }

                        if(valeur == 'Hôtel' || valeur == 'Frais kilométriques') {
                            $('#cTotal').show();
                        } else{
                            $('#cTotal').hide();
                        }
                    }
                });
            });