Проверка формы не работает с плагином проверки jquery

Question

Я пытаюсь заставить работать плагин Jquery Validation.Форма находится внутри Bootstrap Modal.Я не получаю ошибок или предупреждений в консоли.Каждое из полей формы имеет «обязательный».Единственная проверка, которая имеет место, - это баннер HTML5 по умолчанию, который появляется, если поле формы не заполнено.Если все поля формы заполнены, форма отправляет данные без каких-либо проблем.

Мой вопрос: кто-нибудь может понять, почему не работает плагин Jquery Validation?

Моя форма

<form  name="Form1" id="insert_form" autocomplete="off" method="post" enctype="multipart/form-data">
<input type="text" name="PromotionName" id="PromotionName" class="datatext" size="50" placeholder="Promotion name" required>
// all the form fields
<button type="submit" class="btn-small"name="insert" id="insert"/>Save</button>
</form>

Мой скрипт Jquery / Ajax для проверки и отправки

jquery.validate.min.js загружается

$(document).ready(function(){
$('#insert_form').on("submit", function(event){
    event.preventDefault();
    $('#Form1').validate({
      rules: {
    board: {
        required: true,
    },
    PromotionName: {
        required: true,
    },          
      },
      messages: {
    board: {
        required: "Please select a display board",
        },
    PromotionName: {
        required: "Please enter the promotional name",
    },          
      },   
      submitHandler: function(form) {
      var form = $('form')[0]; 
      var formData = new FormData(form);
    $.ajax({  
      url:"insert_new_promotion.php",
      data: formData,
          method:"POST",
          cache: false,
      contentType: false,
      processData: false,  
      beforeSend:function(){  
        $('#insert').val("Inserting");  
      },  
      success:function(data){  
        $('#add_data_modal').modal('hide'); 
        window.location.reload();
      }  
    });  
      }
    });
  });
});  

Еще раз большое спасибо за вашу помощь и время.