использую такой валидатор
при нажатии на submit кнопку не происходит валидация формы. Не могу понять как заставить работать валидатор перед ajax запросом.
форма:
<form id="e_form" method="POST">
<div class="modal-body">
<p>Chosen date:</p>
<input type="text" readonly name="e_date" id="dateInp">
<p>Contact data:</p>
<input required="required" type="text" name="e_name" placeholder="Full name" > <br>
<input required="required" type="email" name="e_email" placeholder="E-mail" > <br>
</div>
<div class="modal-footer" style="text-align:center;">
<button class="btn btn-inverse" data-dismiss="modal" aria-hidden="true">Close</button>
<input type="submit" id="submit" class="btn btn-inverse" >
</div>
</form>
валидатор пробовал вызвать и перед нажатием на кнопку и внутри:
$('#submit').$("#e_form").validator.click(function(e)- так валидатор работает, но он не делает ajax запроса.
jQuery:
$('#submit').click(function(e) {
$("#e_form").validator(); // вызов валидатора
e.preventDefault();
var msg = $('#e_form').serialize();
$.ajax({
type: 'POST',
url: 'operations.php',
data: msg,
success: function(data) {
$('.statusMsg').fadeIn(1000).css("color","green").html("Successfully added");
},
error: function(xhr, str) {
$('.statusMsg').fadeIn(500).css("color","red").html("Error. Please try again");
}
});
}); // end of #submit click event