Есть модальное окно с формой внутри привязана с валидация, когда нажимаю кнопку id="submitUpdate" форма отправляется в js для проверки, но $('#formUpdate').validate не срабатывает в чем может быть проблема? 2 день мучаюсь с данной проблемой.
Использую web fraemwork materializecss
библиотека validate.js
div id="modalEdit" class="modal">
<div class="modal-content">
<h4>Изменить данные</h4>
<form class="col s6" id="formUpdate" name="formUpdate">
<!--Name-->
<div class="input-field col s12">
<i class="material-icons prefix">local_library</i>
<input id="name_up" name="name_up" value=" " type="text" class="validate">
<label id="name_up_error" for="name_up">Name</label>
<span class="helper-text"><label id="name_up-error" class="error" for="name_up"></label></span>
</div>
<!--Description-->
<div class="input-field col s12">
<i class="material-icons prefix">radio_button_unchecked</i>
<textarea id="description_up" name="description_up" class="materialize-textarea validate" data-length="500"> </textarea>
<label id="description_up_error" for="description_up">Description</label>
<span class="helper-text"><label id="description_up-error" class="error" for="description_up"></label></span>
</div>
<div class="modal-footer">
<a class="modal-close waves-effect waves-green btn-flat">Не согласен</a>
<button class="btn waves-effect waves-light light-blue darken-2" id="submitUpdate" type="submit" name="add_submit">Entry
<i class="material-icons right">send</i>
</button>
</div>
</form>
</div>
</div>
$('#formUpdate').submit(function(){
if($("#formUpdate").valid()){
var formDate = new FormData(this);
formDate.append('editFormDate', 'Edit');
for(var pair of formDate.entries()) {
console.log(pair[0]+ ', '+ pair[1]);
}
return false;
}
});
$('#submitUpdate').on('click', function () {
alert(2);
$('#formUpdate').validate({
rules: {
name_up: {
required: true,
maxlength: 50,
minlength: 3
},
description_up: {
required: true,
maxlength: 500,
minlength: 3
}
},
messages: {
name_up: {
required: "Поле 'Name' обязательно к заполнению",
maxlength: "Введите не больше 50-ти символов в поле 'Name'",
minlength: "Введите не меньше 3-го символов в поле 'Name'"
},
description_up: {
required: "Поле 'Description' обязательно к заполнению",
maxlength: "Введите не больше 500-от символов в поле 'Description'",
minlength: "Введите не меньше 3-ех символов в поле 'Description'"
}
}
});
});