同じフォームの2つの送信ボタン（別のアクション）

Question

私は2つの送信ボタンを必要とするhtmlフォームを持っています。クリックされた各ボタンはイベントを捕捉し（フォーム提出）、フォームデータを処理し、2つのボタンのどれが押されたかに応じてGUI内を前後に移動する必要があります。

Javascriptをキャッチする方法が見つかりませんでした。どのボタンがサブミットイベントハンドラで押されましたか。クリックイベントハンドラを使用する場合、このアクションにはフォームは添付されません。何かアドバイス？

Answer 1

イベントオブジェクトには、イベントをトリガーしたDOMノードへの参照であるtargetというプロパティがあります。クリックされたボタンが含まれているはずです。

Answer 2

2つのボタンに2つの異なる名前を使用して、クリックイベントを取得します。この名前は、指定されたボタンが押されたことを確認して作業させます。

Answer 3

https://jsfiddle.net/0fuq5dhf/1/に示すように：

var form = document.getElementById("frmData"); 
form.addEventListener("click", function(event) { 
    var formData = $('#' + event.currentTarget.id).serialize(); 
    if(event.target.id == "submit1") { 
    //Process for first submit button 
    console.log(formData); 
    } else { 
    //process for the 2nd submit button 
    console.log(formData); 
    } 

}); 

あなたはクリックしてクリックされたボタンに基づいて処理するために、フォームデータをシリアライズされたボタンを決定するために、ターゲットを得ることができます。