2013-07-08 97 views
0

在Wordpress項目中使用Contact Form 7插件。只有當表單有效時,jQuery纔會觸發事件 - Wordpress - Contact Form 7

聯繫表格7會在表單提交時進行驗證檢查。如果不符合任何驗證規則,則會向表單元素添加一個類「wpcf7-form invalid」。

當窗體的提交按鈕被點擊時,我想要做很酷的jQuery的東西,但只有如果窗體有效。

我想要做這樣的事情:

$('input#my-submit').click(function(event){  
    if (!$(this).parent('form#myForm').hasClass('wpcf7-form invalid')) { 
     // do cool jquery stuff 
    } 
}); 

但當然// do cool stuff是射擊,即使形式有「無效」類,因爲它的射擊類有機會之前更改。

我可以使用上面的代碼,但是延遲了if語句的觸發,所以在我的jQuery檢查.hasClass('wpcf7-form invalid')之前,可以完成聯繫表單7的驗證規則嗎?

謝謝!

+0

的$(document)。在( '點擊', '輸入#我提交',()的函數。 ....可能會工作 – billrichards

回答

2

聯繫表格7有一個掛鉤,您可以在編輯屏幕底部的「附加設置」框中添加掛鉤。

將其添加到 '其他設置'

on_sent_ok: "// do cool jquery stuff;" 

question還回答了它

+0

THanks MArk!有沒有什麼辦法可以將它鉤入jQuery腳本?我問,因爲在這種情況下,我想在網站上的幾個地方使用表單,但只有額外jquery事件在某些頁面上。如果這是不可能的,我當然可以創建一個單獨的表單,但寧願不。 – billrichards

+0

我不知道你可以不用'

相關問題