Masquer bouton formulaire

Bonjour,

Je suis en train de réaliser un formulaire avec plusieurs étapes avant validation.
Je rencontre malheureusement un problème lors de vérification des champs du formulaire.

j'utilise ceci pour verifier les champs de mon formulaire

<script>
 $().ready(function() {

    $("#msform").validate({
   rules: {
    firstname: "required",
    lastname: "required",
    username: {
     required: true,
     minlength: 2
    },
    password: {
     required: false,
     minlength: 1
    },
    confirm_password: {
     required: false,
     minlength: 1,
     equalTo: "#password"
    },
    email: {
     required: true,
     email: true
    },
    email2: {
     required: false,
     minlength: 1,
     equalToemail: "#email"
    },
    phone: {
     required: true,
     phone: true
    },
    
    topic: {
     required: "#newsletter:checked",
     minlength: 2
    },
    agree: "required"
   },
   messages: {
    firstname: "Please enter your firstname",
    lastname: "Please enter your lastname",
    username: {
     required: "Please enter a username",
     minlength: "Your username must consist of at least 2 characters"
    },
    password: {
     required: "Please provide a password",
     minlength: "Your password must be at least 5 characters long"
    },
    confirm_password: {
     required: "Please provide a password",
     minlength: "Your password must be at least 5 characters long",
     equalTo: "La confirmation de votre mot de passe est incorrecte."
    },
    email: "Votre adresse email n'est pas valide.",
    phone: "Merci de saisir un numéro de téléphone valide",
    agree: "Merci de lire et d'accepter les conditions générales."
   }
  });  
 });
 </script>    

Pouvez-vous m'aider à masquer mon bouton next quand les données renseignées du formulaire sont incorrectes.

En vous remerciant par avance :)