Почему не срабатывает обработчик submit?

Question

[Алексей Ярков]

На странице могут появляться и удаляться формы. Поэтому пишу так:

$( document ).on( 'submit', 'form.form', function ( event ) {
            event.preventDefault();
            const textarea = $( this ).find( 'textarea.textarea' );
            const val = textarea.val();
            const str = '\nsign_string';
            textarea.val( `${val}\n${str}` );
            return true;
    } );

При отправке формы тест на полсекунда появляется в textarea, но на сервер не уходит.
Подозреваю, что это из-за того, что на формах уже висит обработчик submit:

$( document ).on( "submit", "form[data-remote]", function ( e ) {
        e.preventDefault();
        var _frm = $( this ),
            _act = $( this ).attr( "action" );
        if ( !_act ) {
            return false
        }
        var _cb = function () {
            _frm.attr( "action", _act )
        };
        $( this ).ajaxSubmit( {
            dataType: "script",
            error: _cb,
            success: _cb
        } );
        $( this ).attr( "action", "" )
    } );

Можно ли как-то повесить свой обработчик перед теми, которые уже существуют?

Answer 1

[Алексей Ярков]

Ребята! Решение найдено: jsfiddle.net/yarkov_aleksei/gv9wqa1s/1

Answer 2

[Stopy]

А где собственно сабмит вызывается? Ты его прерываешь, модифицируешь, но не отправляешь. Сделай в конце обработчика $(this).submit();

Comments

[Алексей Ярков]

Сделай в конце обработчика $(this).submit();

И получаем уход в бесконечную рекурсию ))) Я пробовал. Сейчас форма отправляется, данные уходят без ошибок. Но обработчик, который я навешиваю, выполняется после первого обработчика. Можно переопределить порядок?

[Stopy]

Алексей Ярков: если ты создал вопрос, то, вероятно, менять последовательность вешанья событий уже пробовал, тогда можно так поступить:

const textarea = $( this ).find( 'textarea.textarea' );
            const val = textarea.val();
            const str = '\nsign_string';
            textarea.val( `${val}\n${str}` );
            return true;

выделить в функцию и вставить в первый обработчик, а так же убрать у данных форм класс .form. Ну или как-либо по-другому, если важно семантика, смысл ты понял.

[Алексей Ярков]

Stopy:

выделить в функцию и вставить в первый обработчик

Не могу. Я пытаюсь из расширения браузера повесить обработчик ((

[Stopy]

Алексей Ярков: повесить эти обработчики не на сабмит, а на

$( this ).find( 'textarea.textarea' ).on('change',function(){})

не вариант?

[Алексей Ярков]

Stopy: нет. Надо именно один раз в конец строку добавить.