jQuery在成功提交表單後關閉彈出框

Question

我有一個彈出窗體，我希望關閉表單的成功提交。目前，我們只在服務器端進行驗證，它將使用類.error_message創建一個無序的驗證錯誤列表。

表單成功提交後，我想關閉窗口。

目前我正在使用的jQuery如下所示，但不起作用，因爲第一次提交表單時錯誤消息的數量將始終爲零。

$(document).ready(function() { 

$('form#emailQuote').submit(function() { 

    var $emailErrors = $('form#emailQuote ul.error_message').length; 

    alert($emailErrors); 

    if ($emailErrors == 0) { 
     //window.close(); 
     alert('no errors'); 

    } else { 
     //alert('errors'); 
     alert('errors'); 
    }  
}); 

}）;

Answer 1

你可以做這樣的事情（在此服務器端使用PHP，但可以是任何東西）：

<form onsubmit="javascript:do_submit(); return false;" method="post" > 
.... 
</form> 

<script type="text/javascript"> 
function do_submit() 
{ 
    var params = {"param1":$("elem1").val(), "param2":$("elem2").val(), ....}; 
    $.ajax 
    ({ 
     url:"ajax_handler.php", 
     type:"POST",      
     data:params, 
     success: function(retval) 
     {        
     var err_code; 
     if (! $.browser.msie) 
     { 
      if ($('error_code:first',retval)) 
      { 
      err_code = $('error_code:first',retval).text(); 
      //check err_code and show error, or redirect to a different page ,or close window    
      } 
      else 
      { 
       //bad xml, show error message 
      } 
     } 
     else // we need to load xml differently in case of IE 
     { 
      var xml = new ActiveXObject("Microsoft.XMLDOM"); 
      xml.async = false; 
      try 
      { 
       xml.loadXML(retval); 
       err_code = xml.documentElement.getElementsByTagName('error_code')[0].text; 
       //check err_code and show error, or redirect to a different page ,or close window 
      } 
      catch (error) 
      { 
       //bad xml, show error message 
      } 
     } 
     } 
    }); 
} 
</scirpt> 

Php: 
<?php 
    $xml = new DOMDocument("1.0", "UTF-8"); 
    $xml_root = $xml->createElement("response");   
    $xml->appendChild($xml_root);  
    $xml_code = $xml->createElement("error_code"); 
    $xml_root->appendChild($xml_code); 
    // process request 
    // .... 
    $xml_val = $xml->createTextNode(utf8_encode(0)); // 
    $xml_code->appendChild($xml_val); 

    print($xml->saveXML()); 
?>