Yii2 активная форма отправить событие вызывается дважды

Question

Этот вопрос был задан до этого вопроса: Prevent multiple clicks and ActiveForm submission in Yii 2.0.10

Симптомы

У меня есть активная форма с id равна surasGo. Я приложил submit событие, используя JQuery для обработки некоторых задач перед отправкой. Я заметил, что любая функция alert в функции события создается дважды. Я проверил источник страницы HTML, и я нашел следующие фрагменты:

... 
jQuery('#surasGo').yiiActiveForm([], []); 
});</script></body> 

перед предыдущим фрагментом есть связанные файл яваскрипт содержит мой код:

$('#surasGo').submit(function(e){ 
    e.preventDefault(); 
    suraId = $('#surasId').val()*1; 
    verseId = $('#versesId').val()*1; 
    if (!isNaN(verseId*1) && verseId !== 0){ 
     window.location = '/verses/view/'+verseId; 
    } 
    else if (!isNaN(suraId) && suraId !== 0){ 
     window.location = '/view/'+suraId; 
    } 
    else{ 
     alert(tError+"\n"+tQAccessError);// this alerted twice for example 
    } 
    return false; 
    }); 

То, что я пытался

Я понял, что первый фрагмент jQuery('#surasGo').yiiActiveForm([], []); может отвечать за двойной вызов отправки событий из-за проверки активной формы клиента, поэтому я добавил 'enableClientValidation'=>false к активной форме:

<?php $form = ActiveForm::begin(['id' => 'surasGo','enableClientValidation'=>false, 'action'... 

Тем не менее, форма по-прежнему, кажется, подвергается отправке события дважды! В чем причина этого странного поведения и как его решить?

Answer 1

Я думаю, вам также необходимо прекратить выполнение любой последующей последовательности обработчиков событий. Это может быть сделано путем вызова event.stopImmediatePropagation() в дополнение к event.preventDefault().

Попробуйте так:

$('#surasGo').submit(function(e){ 
    e.preventDefault(); 
    e.stopImmediatePropagation(); // this is required in some cases 
    suraId = $('#surasId').val()*1; 
    verseId = $('#versesId').val()*1; 
    if (!isNaN(verseId*1) && verseId !== 0){ 
     window.location = '/verses/view/'+verseId; 
    } 
    else if (!isNaN(suraId) && suraId !== 0){ 
     window.location = '/view/'+suraId; 
    } 
    else{ 
     alert(tError+"\n"+tQAccessError);// this alerted twice for example 
    } 
    return false; 
    }); 

Answer 2

работает как шарм

Я реализованного и проверенного следующее расширение:

https://github.com/Faryshta/yii2-disable-submit-buttons

Композитор Требовать

"faryshta/yii2-disable-submit-buttons": "*"

Регистрация Asset Globaly

class AppAsset extends yii\web\AssetBundle 
{ 
    public $depends = [ 
     'faryshta\\assets\\ActiveFormDisableSubmitButtonsAsset', 
     // other dependencies 
    ]; 
} 

Использование

$form = ActiveForm::begin([ 
    'options' => ['class' => 'disable-submit-buttons'], 
    // other configurations 
]); 

    // inputs 

    Html::submitButton('Submit', [ 
     // optional, will show the value of `data-disabled-text` attribute 
     // while handling the validation and submit 
     'data' => ['disabled-text' => 'Please Wait'] 
    ]) 

$form->end(); 

Answer 3

Ssetting 'validateOnSubmit' => false для ActiveForm работал для меня.

$form = ActiveForm::begin(['id' => 'my-form-id', 'validateOnSubmit' => false]);