「フォーム送信」の条件で「return false;」させたい

Question

PJAXの機能を「Barba.js」というjQueryプラグインで実装しました。

●Barba.js
・公式サイト（http://barbajs.org/）
・参考サイト（https://www.willstyle.co.jp/blog/1080/）

しかしフォーム送信時にはこれを動かしたくないです。

動かしたくない場合、「Barba.js」ではvar ignoreClasses = ['classA', 'classB'];をreturn false;することによって、// 該当クラスをクリックしたときについては動かさないようにできます。
下記にある通りです。

// Barba.jsを無効にする
Barba.Pjax.originalPreventCheck = Barba.Pjax.preventCheck;
Barba.Pjax.preventCheck = function(evt, element) {
	if (!Barba.Pjax.originalPreventCheck(evt, element)) {
		return false;
	}

	// 該当クラスをクリックしたとき
	var ignoreClasses = ['classA', 'classB'];
	for (var i = 0; i < ignoreClasses.length; i++) {
		if (element.classList.contains(ignoreClasses[i])) {
			return false;
		}
	}
	
	// フォームを送信したとき
	$( '.my-form form' ).on( "submit", function() {
		return false;
	}

	return true;
};

しかし上記の// フォームを送信したときができず、質問させて頂いた次第です。

どのような書き方が適切でしょうか。ご回答宜しくお願い致します。

Answer 1

「Barba.js」の仕様について不勉強なので効くかはわかりませんが element がDOM要素で evt がイベントオブジェクトなら。

    if ( element.tagName === 'FORM' ) {
        return false;
    }
    if ( evt.type === 'submit' ) {
        return false;
    }

【element.tagName | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Element/tagName

【event.type | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Event/type

Comments

[akino5]

効きました。少ない手がかりから見事なご推察ですね。いつもご回答ありがとうございます。