javascript - 单击多次执行的模态按钮代码时（JQuery-JavaScript）

问题描述

请问我有问题

当我单击模态按钮时，其中的代码执行了很多次，例如，如果我单击模态按钮一次，则代码执行一次，如果我单击模态按钮两次，则代码执行两次，等等...

我使用 JQuery

模态 HTML

<div class="modal fade" id="CONFIRM_mdModal" tabindex="-1" role="dialog">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h4 class="modal-title" id="defaultModalLabel">Confirm</h4>
            </div>
            <div class="modal-body" id="CONFIRM_MODAL_MESSAGE">

                Confirm Message

            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-link waves-effect" id="Confirm_btn_YES">Yes</button>
                <button type="button" class="btn btn-link waves-effect" data-dismiss="modal">No</button>
            </div>
        </div>
    </div>
</div>

Java 脚本代码

$(document).ready(function() {
  $("#ADD_BTN").click(function() {
    if ($("#CODE").val() != '' && $("#INTTL").val() != '') {
      $.ajax({
        type: 'POST',
        url: '/Admin/IsFlExist',
        datatype: JSON,
        data: {
          'CODE': $("#CODE").val(),
          'INTTL': $("#INTTL").val()
        },
        success: function(data) {
          if (data.IsExist == "true") {
            showNotification("bg-orange", "xxxxx", "top", "right", "animated bounceInRight", "animated bounceOutRight");
          } else {
            Show_Confirm_Modal("Confirm", "xxxxx");
            $("#Confirm_btn_YES").one('click', function() {
              $("#form_validation").submit();
              $('#CONFIRM_mdModal').modal('hide');
            });
          }
        },
        error: function() {
          alert("Error");
        }
      });
    } else {
    }
  });
});

我用来显示模态的功能

    function Show_Confirm_Modal(TITLE, MESSAGE)
    {

        var color = "teal";
        $('#CONFIRM_mdModal .modal-content').removeAttr('class').addClass('modal-content modal-col-' + color);
        $("#defaultModalLabel").empty().append(TITLE);
        $("#CONFIRM_MODAL_MESSAGE").empty().append(MESSAGE);
        $('#CONFIRM_mdModal').modal('show');

    }

请我只想执行一次 FORM.Submit，并在此先感谢您。

注意：我在这里看到了关于这个问题的所有问题，但没有人帮助我。

标签： javascripthtmljqueryasp.net-mvc

javascript - 单击多次执行的模态按钮代码时（JQuery-JavaScript）

问题描述

解决方案

推荐阅读