jQuery displayの状態取得

jQueryである要素のdisplayの状態で条件分岐する

<script type="text/javascript">
  $(function () {
    $('#client-form').on('submit', function (event) {
        const modalDisplay = $('#modal-save').css('display');
        if(modalDisplay === "none"){ //id="modal-save"が非表示なら
          event.preventDefault(); //submitを停止
          const $modalElem = $('#modal-save');
          $modalElem.modal(); //modalの表示
        }
      }
    });
  });
</script>