javascript - jQuery 関数の前に Javascript 関数を実行する

Question

フォームを送信する前に、2 つの入力ボックスにデータが入力されているかどうかをフォームで確認できるようにしようとしています。これに問題があるのは、次のものを使用しているためです-

$('form.ajax').on('submit', function () {
    var that = $(this),
        url = that.attr('action'),
        method = that.attr('method'),
        data = {};

    that.find('[name]').each(function (index, value) {
        var that = $(this),
            name = that.attr('name'),
            value = that.val();

        data[name] = value;
    });

    $.ajax({
        url: url,
        type: method,
        data: data,
    })
    this.reset();
    return false;
});

これにより、ページを更新しなくてもフォームが送信され、送信ボタンが押されたときに画像が数秒間表示されます-

$(".bplGame1Fade").click(function(){
$("#bplGame1ThumbUp").fadeIn(1000);
$("#bplGame1ThumbUp").fadeOut(1000); });

両方の入力ボックスにデータが含まれていない限り、これらを実行したくありません。OnClick() と OnSubmit() を使用してみました。これらを使用すると、有効なエントリではないというメッセージが表示されますが、[OK] をクリックすると、フォームの送信が続行されます。

とにかくJS関数を実行して入力ボックスをチェックし、ボックスの1つが空の場合は送信をキャンセルできますか?

これについての助けをいただければ幸いです。

ありがとう。