埋め込みフォーム送信イベント

Question

埋め込みフォームの送信時に関数をトリガしようとしています。フォームはJavaScriptを使用して埋め込まれています。汎用コールを使用してフォームをターゲット設定しようとしました。つまり、

$('form').submit(function(){ 
    alert(); 
}); 

これは機能しません。 $('#submit_button').on('click', function(){});を使用して埋め込み送信ボタンをターゲティングしようとしましたが、どちらも機能しません。

これは可能ですか？

このフォームにはこの埋め込みスニペットが読み込まれています。

<!-- SharpSpring Form for XXX --> 
<script type="text/javascript"> 
var ss_form = {'account': 'XXX', 'formID':'XXXX'}; 
ss_form.width = '100%'; 
ss_form.height = '1000'; 
ss_form.domain = 'XXXXXX'; 
// ss_form.hidden = {'Company': 'XXXX'}; 
</script> 
<script type="text/javascript" src="https://external-form.js?ver=1.1.1"></script> 
<script type="text/javascript"> 
var __ss_noform = __ss_noform || []; 
__ss_noform.push(['baseURI', 'https://']); 
__ss_noform.push(['endpoint', '00000-000-0O0O0-000-000OOO00O']); 
</script> 

私はこれを実行すると、私はフォームを送信するとき、それはちょうどそのコードとイベントを発生しません警告を取得しますコンソール

$('form').submit(function(){ 
    alert(); 
}); 

を通じてJS。

Answer 1

フォームがイベントハンドラの後にロードされている場合は、AJAXを持つたとえば、あなたが委任する必要があるいくつかのHTML

1. を見るために素晴らしいことだ：

   $(document).on("submit","form",function(){

2. 場合フォームにsubmit（名前またはID）という名前が付けられている場合、名前を変更する必要があります。

Answer 2

コードにはHTMLフォームが組み込まれていないため、これまでに送信された送信イベントはありません。

この：

<!-- SharpSpring Form for XXX --> 
<script type="text/javascript"> 
    var ss_form = {'account': 'XXX', 'formID':'XXXX'}; 
    ss_form.width = '100%'; 
    ss_form.height = '1000'; 
    ss_form.domain = 'XXXXXX'; 
    // ss_form.hidden = {'Company': 'XXXX'}; 
</script> 

は、標準のJavaScriptオブジェクトの値を持つss_formという変数を宣言します。そのオブジェクトに対して新しいプロパティを作成します。

この：__ss_noformと呼ばれるものや、通常のJavaScriptの配列のいずれかに__ss_noformという変数を設定する

<script type="text/javascript"> 
    var __ss_noform = __ss_noform || []; 
    __ss_noform.push(['baseURI', 'https://']); 
    __ss_noform.push(['endpoint', '00000-000-0O0O0-000-000OOO00O']); 
</script> 

試み。

次に、オブジェクトまたは配列に別の配列を設定します。

送信可能なフォームを作成するには、実際のHTML <form>要素が必要です（これはハードコード化または動的に作成することができます）。要素にはactionとmethod属性も設定する必要があります。

もちろん、JQueryを使用している場合は、コードの前にJQueryを参照する必要があります。

は、ここでの例ですが、提出が許可されていないので、このコードは、スタックオーバーフローのスニペット環境では、ここでは動作しませんが、あなたは作業バージョンhereを見ることができます。

$('form').submit(function(){ 
 
    alert(); 
 
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
 
<form> 
 

 
    <input type="submit"> 
 
</form>