jquery驗證表單並在colorbox中提交併導致colorbox

我使用colorbox從鏈接中打開表單（在單獨的html文件中），執行驗證並將表單提交給php腳本。這一切都工作。jquery驗證表單並在colorbox中提交併導致colorbox

我現在想要做的是從php腳本的結果出現在彩盒中。對於提交的腳本如下：

$.post('processForm.php', $("#chngPass").serialize(), function(data) { 
    $('#FormContainer').html("<div id='message'></div>"); 
    $('#message').html("<h2>Thank you for request</h2>") 
     .fadeIn(1500, function() { 
      $('#message').append(data); 
     });   
});

在一個點上我沒有得到顯示的消息，但主頁上的顏色框關閉。現在我無法獲得任何成功展示。

我知道我需要停止頁面刷新使用'返回false'，但我已經嘗試過在腳本的各個位，所以不知道應該去哪裏。

任何人都可以點我正確的方向請。

的「formContainer」是包含在表單頁面形式的股利，其意圖是與消息來替換內容

由於

更新：感謝您的輸入爲止。仍然無法獲得驗證並提交腳本工作。

我已經使用了一些方法現在提交表單，最新的一個，這是一個：

submitHandler: function() { 
     var url = "../2010/includes/scripts/php/memberFunctions.php"; //the form processing url 
     $.ajax({ 
     type: "POST", 
     url: url, 
     data: $("#chngPass").serialize(), 
     success: function(data) 
     { 
     $("#chngPassWrapper").html(data); 
       } 
    }); 

    return false; // avoid the actual submit of the form. 

    }

我試試這個沒有驗證腳本和它的作品，表單提交和形式然後在提交的結果中用colorbox替換。

放回驗證腳本，表單再次提交但不停止表單提交刷新頁面，但提交結果出現在刷新頁面的左上角。

如何使用驗證，使用後，停止從執行提交和刷新頁面

這裏的形式是完整的腳本，把上面的背景：[鏈接] http://jsfiddle.net/longestdrive/fJELU/

謝謝爲你的幫助

來源

2012-04-22 Ray

將$（'＃message'）更改爲$（'＃cboxContent'）我會猜測？您需要定位Colorbox創建的內容持有者:) – 2012-04-22 19:38:07

如何觸發POST ajax調用？那就是我要開始的地方。如果它是自動觸發提交類型操作的元素，請考慮添加一個event.preventDefault調用。或者，觸發元素可能是一個簡單的鏈接或樣式的DOM元素... – 2012-04-23 03:52:14

哈！解決它

我想驗證腳本工作，因爲它似乎是它自己的，但有一條規則是不正確的，然後將其扔腳本了（感謝螢火蟲！）

的equalto規則應該是equalTo

結果!!

來源

2012-04-26 20:16:21 Ray

jquery驗證表單並在colorbox中提交併導致colorbox

回答

相關問題