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>