[ Поиск ] - [ Пользователи ] - [ Календарь ]
Полная Версия: ajax+ input required
Por$h
Привет.
использую такой валидатор

при нажатии на 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
Быстрый ответ:

 Графические смайлики |  Показывать подпись
Здесь расположена полная версия этой страницы.
Invision Power Board © 2001-2024 Invision Power Services, Inc.