2011-07-20 19 views
14

ile AJAX çağrısından sonra alanları el ile geçersiz kılma Not: aşağıdaki kod yalnızca gösterim içindir ve jQuery ve jQuery validate eklentisini kullanıyorum.JQuery validate

varsayalım Ben iki alan (e-posta ve envanter numarası) ile bir formu: forma

<form action="/something" method="post" id="demoForm"> 
    Inventory No: <input type="text" class="required" name="inventory_no" /> 
    Email: <input type="text" class="required" name="email" /> 
    <input type='submit' value='submit' /> 
</form> 

Cilt eklenti: Eğer alanı geçersiz bilirseniz

jQuery(function(){ 
    jQuery('#demoForm').validate(); 
}); 

//handle user submit 

jQuery('#demoForm').bind('submit', function (e) { 
    e.preventDefault(); 

    if (jQuery(e.target).valid()) { 
     //form is valid submit request thru ajax 

     jQuery.ajax({ 
      /*more options here*/ 

      success: function (data) { 

       /* 
       Server process request and finds that, email is already in use 
       and inventory number is invalid 
       so it sends data in some format may pe JSon 
       with field names and message indicating errors 
       eg: Email:"Already in use" 
       InventoryNo: "Invalid Inventory No", 
       Now can i invalidate these two fields on form mannualy 
       and display the message received from server for each field 
       */ 
      } 
     }); 
    } 
}); 
+0

Bunun için bir çözüm buldunuz mu? Tam şu anda yapmaya çalıştığım şey. – Richard

+0

Bunun için bir çözüm buldum, bana biraz zaman verin, ben –

cevap

31

, bunu kullanabilirsiniz işlevi. firstname http://docs.jquery.com/Plugins/Validation/Validator/showErrors

var validator = $("#myshowErrors").validate(); 
validator.showErrors({ 
    "firstname": "I know that your firstname is Pete, Pete!" 
}); 

senin alanın adıdır özelliktir; yani name="firstname".

+0

Doğru cevabı bilmeme izin verin, teşekkürler efendim! (OP bunu kabul etmelidir.) –

+16

Bu bir hata gösterecektir ancak form yine de gönderilecektir – Lyon

İlgili konular