Javascript обработать условие перед отправкой формы

Question

Мне нужно отправить форму на основе условия. Если это правда, отправьте форму через модал или просто отправьте форму напрямую. Что происходит, так это то, что даже когда условие истинно, форма отправляется в любом случае, не дожидаясь срабатывания клика по модалу После моего исследования я понял, что существует способ предотвратить отправку с помощью e.preventDefault (); . Я не смог получить желаемый результат, так как он только что остановил выполнение.

    (function($) {
    $(document).ready(function() {

                $( "#save" ).click(function(e) {

                    if (selectedValIndConstitutionCan === 'waiting'){
                          $("#form").on('submit', function(e){

                                 e.preventDefault();

                              });
                        $('#popupConfirmationEnregistrement').modal("show");


                    }   

                    $("#confirmYesButtonModal").click(function() {

                        $("#form").attr(
                                'action',
                                CONTEXTE +
                                '/formsave/save');
                            $("#form").submit();

                            showProgress();
                    });


                    showProgress();
                    $("#form").attr(
                        'action',
                        CONTEXTE +
                        '/formsave/save');
                    $("#form").submit();


                });




        selectDeselectRadioButtons();

    });
})(jQuery);

HTML и JSP

<%@ include file="/WEB-INF/pages/include/include.jsp" %>

<script src="${contextpath}/js/inputMask/jquery.mask.min.js"></script>
<script type="text/javascript">
</script>



  <form:form id="form" modelAttribute="formSaving" action="#">
  <fwd:csrfToken />

    <div class="row form-group boutons-margin-top">
        <div class="col-xs-offset-12 col-xs-12 control-label text-left">


            <button class="btn btn-primary" type="button" id="save" data-toggle="modal" data-target="#modalSave">
            <spring:message code="xxx.save"/>
            </button>


        </div>
    </div>


 </div>
</div>
</c:otherwise>
</c:choose>
</form:form>    


<div id="modalSave" class="modal" tabindex="-1" role="dialog" data-backdrop="static" data-keyboard="false">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header"></div>
            <div class="modal-body">
                <spring:message code="msg"/>
            </div>
            <div class="modal-footer">
                <button id="confirmNo" class="btn btn-default" data-dismiss="modal"><spring:message code="no"/></button>
                <button id="confirmYesButtonModal" class="btn btn-primary" data-dismiss="modal"><spring:message code="yes"/></button>
            </div>
        </div>
    </div>
</div>

Answer 1

Если вы нажмете кнопку «сохранить», она все равно будет отправлена ​​здесь.

                 showProgress();
                    $("#form").attr(
                        'action',
                        CONTEXTE +
                        '/formsave/save');
                    $("#form").submit();

Я не уверен, почему, но если вы хотите отправить его, когда selectedValIndConstitutionCan не «ждет», используйте еще.

 (function($) {
    $(document).ready(function() {

                $( "#save" ).click(function(e) {

                    if (selectedValIndConstitutionCan === 'waiting'){
                          $("#form").on('submit', function(e){

                                 e.preventDefault();

                              });
                        $('#popupConfirmationEnregistrement').modal("show");


                    }else{
                        showProgress();
                        $("#form").attr(
                            'action',
                            CONTEXTE +
                            '/formsave/save');
                       $("#form").submit();


                     }

                    $("#confirmYesButtonModal").click(function() {

                        $("#form").attr(
                                'action',
                                CONTEXTE +
                                '/formsave/save');
                            $("#form").submit();

                            showProgress();
                    });            
                });




        selectDeselectRadioButtons();

    });
})(jQuery);

Answer 2

Итак, наконец, это работает, мне действительно пришлось поместить logi c в предложение else на случай, если не выбрано ожидающее значение, и поместить переменную определения radiobuttons внутри события save on click

            $( "#enregistrer" ).click(function() {


                var selectedValIndConstitutionCan = $("[name='infoFiscale.indConstitutionCanada']:checked").val();

                if (selectedValIndConstitutionCan === 'waiting'){

                    $("#popupConfirmationEnregistrement").modal("show");

                        $('#confirmationEnregistrerOui').on('click', function() {

                            $("#declarationImpot").attr(
                                    'action',
                                    CHEMIN_CONTEXTE +
                                    '/declarationImpot/enregistrer');
                                $("#declarationImpot").submit();

                                affichePopupVeuillezPatienterModaleGenerique();
                        });




                }   else {


                affichePopupVeuillezPatienterModaleGenerique();
                $("#declarationImpot").attr(
                    'action',
                    CHEMIN_CONTEXTE +
                    '/declarationImpot/enregistrer');
                $("#declarationImpot").submit();

                }
            });