Ajaxコンタクトフォームを送信する7 div要素をクリックしてフォームを開く

Question

コンタクトフォーム7プラグインを使用して私のサイトで簡単なフォームを実行していますが、私のサイトの他のボタンを反映するように送信ボタンをスタイルしたいと思います。これを行うには、擬似要素を使用する必要があります。これは入力要素では不可能です。

私はdivをサブミットボタン（下記）として使用するようにフォームマークアップを調整しましたが、これは単にデフォルトのサブミットonClickであるため、ページをリフレッシュします。デフォルトのアクションではなく、CF7 AJAX submitにこれをフックする方法はありますか？そうすれば、CF7サブミットボタン（ページリフレッシュなし）を使用しているのと同じように実行できますか？

<div class="main-btn" onClick="document.forms['general-contact'].submit()"> 
<span>Submit</span> 
</div> 

** 一般的な接触提出するフォームの名前です**

Answer 1

ありいくつかの方法があります - しかし、通常はフォームの提出イベントをトリガするか、上のイベントをクリックしてくださいjQueryを経由して送信ボタンを

$(document.forms['general-contact']).trigger("submit");

または送信ボタンをクリックしてをトリガー最も単純です：

$(document.forms['general-contact']).find('input[type="submit"], input[type="image"]').trigger("click");

このトリックを行う必要があります！ところで

からonclickで使用している場合は、

<div class="main-btn" onclick="jQuery(document.forms['general-contact']).trigger("submit");"> 
<span>Submit</span> 
</div>