jquery驗證插件裏面的ajax加載內容

Question

我正在使用jquery驗證插件來驗證ajax submited窗體。如果有一些錯誤的服務器端，ajax調用返回表單的html。

問題是，如果這發生在ajax doens't工作了。我需要像jquery validation插件一樣的「live」jquery函數。

這裏是我的代碼：

$('#myform').validate({ 
      submitHandler: function(form) { 
       formData = $(form).serialize(); 


       $.ajax({ 
        type: "POST", 
        url: form.action, 
        data: formData , 
        dataType: 'json', 
        success: function(response){ 
         if(response.status == "success") 
          window.location.reload(true); 
         else 
          $('#myformdiv').html(response.html); 

        }, 
        error: function(response){ 

        } 
       }); 

       return false; 
      } 
     }); 

Answer 1

你應該考慮讀this question和我的答案來

Answer 2

這個話題在周圍挖上AJAX加載表單驗證過久，唯一的解決方案的幫助解決我的問題是這樣的disscusion螺紋：

http://forums.asp.net/p/1651961/4391703.aspx?Re+Unobtrusive+validation+not+working+on+form+loaded+by+Ajax

調用下面的行後新的表單被加載。如果新窗體在jquery對話框中打開對話框後調用它。

$.validator.unobtrusive.parse("#myAjaxLoadedFormId");>

Answer 3

您需要重新運行驗證腳本由內HTML包括後。

我有同樣的問題。表單驗證正在工作，當我在頁面加載時從服務器加載它，但在ajax驗證失敗後。所以我在將表單嵌入到html並添加它之後添加了這個代碼。

$('#myform').validate({ 
     submitHandler: function(form) { 
      formData = $(form).serialize(); 


      $.ajax({ 
      type: "POST", 
      url: form.action, 
      data: formData , 
      dataType: "html", 
      cache: false, 
      success: function (data) { 
       $('#myformdiv').html(data); 
       $.getScript("/Scripts/jquery.validate.unobtrusive.js"); 
      }, 
      error: function (xhr, status, error) { 
       alert(xhr.responseText); 
      } 
      }); 

      return false; 
     } 
    });