我在右側使用聯繫表單7插件(http://www.brazendev4.com/Cadental/)。當我按提交按鈕頁面的帖子回到一個url並刷新,但通常它通過ajax發佈和頁面不刷新。任何幫助將不勝感激。聯繫表單7張貼到網址,而不是通過ajx發佈
在此先感謝...
我在右側使用聯繫表單7插件(http://www.brazendev4.com/Cadental/)。當我按提交按鈕頁面的帖子回到一個url並刷新,但通常它通過ajax發佈和頁面不刷新。任何幫助將不勝感激。聯繫表單7張貼到網址,而不是通過ajx發佈
在此先感謝...
如果你打算使用AJAX/JS處理表單,你應該在你的表單元素一個空的action屬性。
例如
<form action="" method="post" class="wpcf7-form">
嘗試使用提交元素的onclick屬性打電話給你關聯的JavaScript函數來處理,後通過AJAX到 「/ Cadental /#wpcf7-F14-W1-01」。
例如
<input type="submit" value="Submit" onclick="MyJavascriptFunction(this.form)" class="wpcf7-form-control wpcf7-submit text2">
我的猜測是,在你的JavaScript有時間來處理DOM被張貼到行動的形式=「/ Cadental /#wpcf7-F14-W1-01」,並重新加載頁面。
我看到你在頁面中使用jQuery,所以它應該很容易使用它們的序列化表單功能來處理你的表單。 http://api.jquery.com/serialize/
祝你好運!
最好的事情是看看其他插件甚至是你正在使用的主題,確保沒有任何東西與CF7相沖突,這與你使用的其他JavaScript相沖突。
檢查出docs他們可能會提供幫助。否則,如果表單的編輯能力不重要,我甚至建議構建自己的表單並通過AJAX提交。
這裏有大量的資源和技巧和提示。