如何做到以下幾點:Zend的形式AJAX彈出使用jQuery
我想有一個鏈接[上傳圖片]的彈出窗口模式的形式, 當用戶填充它的形式進行處理。 (這個問題不是關於上傳,這可能是一個聯繫表單或任何東西)。
我的問題是,如何驗證失敗時顯示窗體和服務器端驗證消息。
我發現本教程:http://www.whitewashing.de/blog/articles/92,但它似乎很舊。
如何做到以下幾點:Zend的形式AJAX彈出使用jQuery
我想有一個鏈接[上傳圖片]的彈出窗口模式的形式, 當用戶填充它的形式進行處理。 (這個問題不是關於上傳,這可能是一個聯繫表單或任何東西)。
我的問題是,如何驗證失敗時顯示窗體和服務器端驗證消息。
我發現本教程:http://www.whitewashing.de/blog/articles/92,但它似乎很舊。
我一直在尋找的是:ajaxLink()
,contextSwitch()
和ajaxContext
。
所以表單應該在用戶填充後立即處理?你不想等到用戶提交表單?請詳細說明。
彈出可以很容易地完成。從一開始頁面上的形式,而是用CSS隱藏起來,比如像這樣:
.hidden-form {
height: 0;
text-indent: -999em;
}
然後,您可以使用點擊事件,使表單顯示:
$('#popup-link').click(function() {
$('#form').removeClass('hidden-form');
});
顯示錯誤信息也很容易。有一個單獨的頁面將處理表單並在出現錯誤時打印錯誤消息,並在一切正常時顯示成功消息。使用該頁面的POST方法創建一個AJAX請求,並僅打印表單頂部返回的HTML輸出。
向我們展示一些您的代碼(表單和服務器端處理頁面)以獲得更具體的幫助。
簡單的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;
});
謝謝。似乎這是一種標準的AJAX方法。 – takeshin