Bagaimana untuk menutup modal Bootstrap (5.2) menggunakan Javascript?

Question

Demi projek sekolah saya telah mencipta modal menggunakan bootstrap dalam html di mana terdapat gesaan yang perlu saya periksa daripada javascript, bagaimana saya boleh menutup modal daripada javascript supaya saya hanya boleh menyimpan perubahan jika gesaan adalah sah, Jika tidak, adakah saya akan membuang pengecualian? Nota kecil (sila jangan gunakan jQuery, saya melihat urutan serupa yang menggunakan perpustakaan ini sebagai balasan yang tidak membenarkan peruntukan)

Ini kod html saya:

<div class="modal fade" id="bidModal" tabindex="-1" aria-labelledby="bidModal" aria-hidden="true">
        <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <h1 class="modal-title fs-5" id="bidModalLabel">Bid amount</h1>
                <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button>
            </div>
            <div class="modal-body">
                <p class="text" id="prompted">How much do you want to bet?</p>
                <div class="input-group mb-2">
                    <input id="bAmount" type="text" class="form-control text" aria-label="Amount of bet">
                    <span class="input-group-text">€</span>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-danger" data-bs-dismiss="modal">Cancel bid</button>
                <button type="button" onClick="bid()" class="btn btn-success">Save bid</button>
            </div>
        </div>
        </div>
    </div>

Ini kod JavaScript saya:

function bid(){
    let valueOfBid = document.getElementById("bAmount").value;
    if(isNaN(valueOfBid)){
        //Cancel the prompt
    }

    players[realPlayer].bet=valueOfBid;
    changeButtonState(false);
    theTimer();
}

Answer 1

Anda boleh menambah ini pada elemen di mana modal harus dimatikan...

data-bs-dismiss="modal"

Corak berikut menjana senarai pautan berdasarkan istilah carian dan padanan pengguna.

Apabila mereka mengklik pada salah satu pautan penghala, ia akan mematikan modal kerana talian itu

{{ user }}

Kod di atas dijana dalam modal -> inilah keseluruhannya

    

      

        

          

            
Find User
            
          
          

            Steem Username:
            
          
          

          

            

              {{ user }}
            
          
          

            
              Close
            
          
        
      
    
  

Answer 2

Sila cuba ini. Saya syorkan anda menambah isNaN(valueOfBid) 更改为 valueOfBid == "" sebelum menambahkan kod saya pada pangkalan kod.

function bid(){
    let valueOfBid = document.getElementById("bAmount").value;
    if(valueOfBid == ""){
      alert(1)
        //Cancel the prompt
      var myModalEl = document.getElementById('bidModal');
var modal = bootstrap.Modal.getInstance(myModalEl)
modal.hide();
    }

    // players[realPlayer].bet=valueOfBid;
    // changeButtonState(false);
}