2016-07-27 5 views
0

Я использую форму validator plugin для проверки моих форм.Проверка формы с помощью jQuery Form Validator на ajax post()

Он работает правильно, если я не отправляю данные с использованием метода почтовых сообщений jQuery. При использовании сообщения jQuery он не проверяет форму на отправке.

Мой код

<form action="UpdatedProfile" method="post" name="updateprofile" id="UpdatedProfile" class="form-horizontal"> 
<div class=" form-group "> 
      <div class="col-lg-2"> 
       <label>First Name</label> 
      </div> 
      <div class="col-lg-4"> 
       <input type="text" name="fname" cssClass="form-control" data-validation="required" data-validation-error-msg="First Name is required"/> 
     </div> 
    </div> 
    </form> 

<script> 
      $(document).ready(function() { 
       $.validate(); 
       $(document).on('click', '#submit', function (event) { 
        event.preventDefault(); 
        console.log($('#UpdatedBasicProfile').serialize()); 
        $.post("Updated", $('#UpdatedProfile').serialize(), function (data) 
        {....}); 
      }); 
     }); 
    </script> 

Как этого добиться?

+0

Я думаю, вы путаете с validate() и valid(). [Valid vs Validate] (http://stackoverflow.com/questions/17404188/valid-vs-validate) –

ответ

0

поставить кнопку отправить в форме и определить правила проверки в JS, как

$('#frm_registration').validate({ 
    rules: 
    { 
     fname: required 
    }, 
    messages: 
    { 
     fname : 'Please enter name' 
    } 
}); 

или если кнопка кнопки типа затем начать проверку на его клик, как:

$('#btn').click(function(){ 
    $('#frm_registration').valid();  // will initiate the validation 
}) 
0

, если валидатор работает при нажатии кнопки «Отправить», вы можете инициировать событие клика на кнопке, а затем прослушивать документ для любых кликов и, если целью является заданная кнопка.

Смежные вопросы