JQuery валидатор - форма все еще отправляется, даже если недействительным

У меня есть несколько полей в форме с основными правилами, и плагин валидатора хорошо работает при заполнении самой формы. Однако при его отправке возникает проблема, поскольку он все равно отправляется, даже если действительный адрес электронной почты не был введен или до того, как что-либо было введено в других текстовых полях.

Вот моя тестовая функция:

$(function() {

    $("#submit_form_contact").validate({
        errorLabelContainer: '#errors'
    });

    $('#contact_submit').click(function(e){

        if ($("#submit_form_contact").valid()) {
            alert ('valid!');
        } else {
            alert ('invalid!');
        }
    });
});

HTML:

<form class="pure-form pure-form-aligned" id="submit_form_contact" novalidate>
  <fieldset>
    <div class="pure-control-group">
      <label for="name">Your Name:</label>
      <input id="name" type="text" placeholder="Name" required>
    </div>

    <div class="pure-control-group">
      <label for="email">Your Email:</label>
      <input id="email" type="email" placeholder="Email Address" required>
    </div>

    <div class="pure-control-group">
      <label for="email_text">Inquiry Type: </label>
      <select id="inquiry_dropdown" class="pure-input-1-2">
        <option>General</option>
        <option>Sales & Marketing</option>
        <option>Press & Editorial</option>
      </select>
    </div>

    <div class="pure-control-group">
      <label for="message" style="vertical-align: top;">Message:</label>
      <textarea id="message" type="text" placeholder="Enter message here..." required></textarea>
    </div>                      

    <div id="errors" style="text-align: center; color: red;"></div>

    <button id="contact_submit" class="pure-button pure-button-primary" style="background-color: #003A70; float:right; margin-right: 35px;margin-top:15px;">Submit</button>
</div>
</fieldset>
</form>

... Он все еще предупреждает как действительный каждый раз. Все поля в форме помечены как обязательные. Любая помощь приветствуется. JSFiddle:http://jsfiddle.net/RcNTj/

Ответы на вопрос(1)

Ваш ответ на вопрос