Как все ошибки выводить перед кнопкой?

$(function() {

  
  $("form[name='registration']").validate({
    rules: {
      firstname: {
        required: true,
       
      },
      
      phone: {
        required: true,
        minlength: 9
      },
    
    },
    submitHandler: function(form) {
      form.submit();
    }
  });
});

<div class="container">
  <h2>Registration</h2>
  <form action="" name="registration">

    <div class="item">
      <label for="firstname">First Name</label>
      <input type="text" name="firstname" data-msg="некорректное имя" id="firstname" placeholder="John">
    </div>


    <div class="item">
      <label for="lastname">Last Name</label>
      <input type="text" data-msg="некорректная фамилия" name="lastname" id="lastname" placeholder="Doe">
    </div>
    <div class="item">
      <label for="phone">Phone</label>
      <input type="tel" data-msg="некорректный телефон" name="phone" id="phone" placeholder="[email protected]">

    </div>

    <button type="submit">Register</button>
  </form>
  <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
  <script src="https://cdn.jsdelivr.net/jquery.validation/1.15.1/jquery.validate.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.min.js"></script>