2010-02-14 35 views
1

如何做到以下幾點:Zend的形式AJAX彈出使用jQuery

我想有一個鏈接[上傳圖片]的彈出窗口模式的形式, 當用戶填充它的形式進行處理。 (這個問題不是關於上傳,這可能是一個聯繫表單或任何東西)。

我的問題是,如何驗證失敗時顯示窗體和服務器端驗證消息。

我發現本教程:http://www.whitewashing.de/blog/articles/92,但它似乎很舊。

回答

1

我一直在尋找的是:ajaxLink(),contextSwitch()ajaxContext

1

所以表單應該在用戶填充後立即處理?你不想等到用戶提交表單?請詳細說明。

彈出可以很容易地完成。從一開始頁面上的形式,而是用CSS隱藏起來,比如像這樣:

.hidden-form { 
    height: 0; 
    text-indent: -999em; 
} 

然後,您可以使用點擊事件,使表單顯示:

$('#popup-link').click(function() { 
    $('#form').removeClass('hidden-form'); 
}); 

顯示錯誤信息也很容易。有一個單獨的頁面將處理表單並在出現錯誤時打印錯誤消息,並在一切正常時顯示成功消息。使用該頁面的POST方法創建一個AJAX請求,並僅打印表單頂部返回的HTML輸出。

向我們展示一些您的代碼(表單和服務器端處理頁面)以獲得更具體的幫助。

+0

謝謝。似乎這是一種標準的AJAX方法。 – takeshin

4

簡單的jQuery和Ajax:

$("#upvoteButton").live('click', function(){ 
     postData="data="+value; /* Data that you may want to pass to your script */ 
     $.ajax({ 
      type: "GET", 
      url: "yourSecript.php", 
      async: true, /* If set to non-async, browser shows page as "Loading.."*/ 
      cache: false, 
      data: postData, 
      success: function(data){ 
      } 
     }); 
     return false; 
    });