フォームの送信イベントとバリデーション

<form action="" method="post" name="product_update_form">
                                    ^^^^^^^^^^^^^^^^^^^
                                    これがフォーム名。イベント名は ce.formpre_product_update_form になる

(function (_, $) {
    'use strict';

    // フォーム送信前のフック
    $.ceEvent('on', 'ce.formpre_my_form', function (form, clicked_elm) {
        // form: 送信されるフォーム（jQuery オブジェクト）
        // clicked_elm: クリックされた要素（jQuery オブジェクト）

        // false を返すと送信をキャンセルする
    });

})(Tygh, Tygh.$);

$.ceEvent('on', 'ce.formpre_product_update_form', function (form, clicked_elm) {
    var formName = form.attr('name');               // フォーム名
    var formAction = form.attr('action');           // 送信先の URL
    var formData = form.serialize();                // フォームのデータ
    var buttonName = clicked_elm.attr('name');      // ボタンの name
    var buttonValue = clicked_elm.val();            // ボタンの値
    var dispatch = clicked_elm.data('ca-dispatch'); // dispatch の値
});

$.ceEvent('on', 'ce.formpre_order_form', function (form, clicked_elm) {
    // 特定のボタンのときだけ確認する
    if (clicked_elm.attr('name') === 'dispatch[orders.delete]') {
        if (!confirm('本当に削除しますか？')) {
            return false; // キャンセル
        }
    }
});

$.ceEvent('on', 'ce.formpre_product_update_form', function (form, clicked_elm) {
    var codeA = form.find('#elm_code_a').val();
    var codeB = form.find('#elm_code_b').val();

    if (codeA && codeB && !validateRelation(codeA, codeB)) {
        $.ceNotification('show', {
            type: 'E',
            title: 'エラー',
            message: '2つのコードの関係が不正です'
        });
        return false; // 送信をキャンセル
    }
});

$.ceEvent('on', 'ce.formpre_my_form', function (form, clicked_elm) {
    // カンマを取り除く
    var $priceField = form.find('#elm_price');
    $priceField.val($priceField.val().replace(/,/g, ''));

    // hidden フィールドを動的に追加する
    form.append('<input type="hidden" name="processed" value="1" />');
});

['form_a', 'form_b', 'form_c'].forEach(function (formName) {
    $.ceEvent('on', 'ce.formpre_' + formName, function (form, clicked_elm) {
        return commonValidation(form);
    });
});

// バリデーションの前に発火するため、エラーがあっても API が呼ばれる
$.ceEvent('on', 'ce.formpre_' + formName, function (form, elm) {
    // $.ceFormValidator('check', $form) は undefined を返す
});

// バリデーションを通過した後に発火する
$.ceEvent('on', 'ce.formpost_' + formName, function (form) {
    // トークンがあれば、そのまま送信する
    if ($('#token').val()) {
        return true;
    }

    // バリデーションを再確認する（form オブジェクトを直接使う）
    var isFormValid = form.ceFormValidator('check');
    if (isFormValid) {
        // 非同期で API を呼び出す（externalApi は、外部のサービスの SDK を想定した例）
        var data = form.serialize();
        externalApi.getToken(data, function (token) {
            $('#token').val(token);
            form[0].submit(); // フォームを再送信する
        });
    }

    return false; // 最初の送信はキャンセルする
});

$(document).on('click', '#my_submit_button', function (e) {
    e.preventDefault();

    var $form = $('#my_form');

    // true: すべてのチェックが OK、false: エラーあり
    if ($.ceFormValidator('check', $form)) {
        $form.submit();
    }
    // エラーがあれば、自動でエラーが表示される
});

if ($.ceFormValidator('check', $form)) {
    $.ceAjax('request', $form.attr('action'), {
        method: 'post',
        data: $form.serialize(),
        callback: function (data) {
            if (data.success) {
                $.ceNotification('show', {
                    type: 'N',
                    message: '保存しました'
                });
            }
        }
    });
}

<script>
    (function(_, $) {
        _.tr({
            "my_addon.message_key":
                "{__("my_addon.message_key")|escape:"javascript"}",
            "my_addon.validation_error":
                "{__("my_addon.validation_error")|escape:"javascript"}"
        });
    }(Tygh, Tygh.$));
</script>

{script src="js/addons/my_addon/func.js"}

(function (_, $) {
    'use strict';

    var message = _.tr('my_addon.message_key');

    $.ceNotification('show', {
        type: 'W',
        message: _.tr('my_addon.warning_message')
    });

})(Tygh, Tygh.$);

# var/langs/ja/addons/my_addon.po
msgctxt "Languages::my_addon.message_key"
msgid "English message"
msgstr "日本語のメッセージ"