title: Jquery validate submits invalid forms
body: <p>i´m trying to create a basic validation of my HTML form, i´m using Jquery Valate to achieve this. My main problem is that the form is submitted even when some of the fields are still invalid. My second problem is that the custom message that i want to show aren´t appearing. Here is my HTML: </p>
  
  <pre><code>&lt;head&gt;
      &lt;script src="jquery-2.1.1.min.js"&gt;&lt;/script&gt;
      &lt;script src="jquery-ui.min.js"&gt;&lt;/script&gt;
      &lt;script src="jquery.validate.min.js"&gt;&lt;/script&gt;
      &lt;script src="mine.js"&gt;&lt;/script&gt;
      &lt;meta charset="UTF-8"&gt;
      &lt;title&gt;Test&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;form id="formNewClient" class="form-horizontal" style="margin-right:30px;"&gt;
      &lt;h2&gt;Cliente nuevo&lt;/h2&gt;
      &lt;div class="form-group"&gt;
          &lt;label&gt;Nombre&lt;/label&gt;
          &lt;input id="inpClientName" name="inpClientName" type="text" class="form-control" required&gt;&lt;span style="color: red"&gt;*&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="inpClientId"&gt;Id&lt;/label&gt;
          &lt;input id="inpClientId" name="inpClientId" type="number" class="form-control" required&gt;&lt;span style="color: red"&gt;*&lt;/span&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;label for="inpClientAddress"&gt;Dirección&lt;/label&gt;
          &lt;input id="inpClientAddress" name="inpClientAddress" type="text" class="form-control" required&gt;
      &lt;/div&gt;
      &lt;div class="form-group" &gt;
          &lt;label for="inpClientPhone"&gt;Teléfono&lt;/label&gt;
          &lt;input id="inpClientPhone" name="inpClientPhone" type="tel" class="form-control"&gt;
      &lt;/div&gt;
      &lt;div class="form-group" &gt;
          &lt;label for="inpClientMail"&gt;Email&lt;/label&gt;
          &lt;input id="inpClientMail" name="inpClientMail" type="email" class="form-control"&gt;
      &lt;/div&gt;
      &lt;div class="form-group"&gt;
          &lt;input id="submitbutton" class="btn btn-default" type="submit" value="Guardar"/&gt;
      &lt;/div&gt;
  &lt;/form&gt;
  
  &lt;/body&gt;
  </code></pre>
  
  <h3>JS</h3>
  
  <pre><code>$("#formNewClient").validate({
      rules: {
          inpClientName: {
              required: true,
              minlength:3,
              maxlength: 20,
              lettersonly: true
          },
          inpClientId: {
              required: true,
              minlength: 8,
              maxlength: 8,
              digits: true
          },
          inpClientAddress: {
              required: false,
              minlength:3,
              maxlength: 30
          },
  
          inpClientPhone: {
              required: false,
              phoneUS: true
          },
          inpClientMail: {
              required: false,
              minlength: 4,
              email: true
          }
      },
      messages: {
  
          inpClientName: {
              required: "Por favor, ingrese el nombre del cliente",
              minlenght:"El nombre debe ser mayor a 3 caracteres",
              maxlength: "El nombre debe ser menor a los 20 caracteres",
              lettersonly:"El nombre solo debe poseer caracteres"
          },
          inpClientId: {
              required: "Por favor, ingrese el id del cliente",
              minlength: "El id debe tener 8 digitos",
              maxlength: "El id debe tener 8 digitos"
          },
          inpClientAddress: {
              minlength:"La direccion debe ser mayor a dos caracteres",
              maxlength: "La direccion debe ser menor a los 30 caracteres"
          },
          inpClientPhone: {
              required: "Ingrese el numero de telefono",
              phoneUS: "El telefono ingresado no es correcto"
          },
  
          inpClientMail: {
              minlength: "El mail debe tener por lo menos 6 caracteres",
              email: "Por favor ingresa una dirección de mail válida"
          }
      }
  });
  </code></pre>
  
  <p>Thanks in advance.</p>