Hindari penghentian modal saat tombol masuk

Saya telah menyiapkan modal bootstrap dengan formulir di dalamnya, saya baru saja memperhatikan bahwa ketika saya menekan tombol Enter, modal tersebut akan diberhentikan. Apakah ada cara untuk tidak menutupnya saat menekan Enter?

Saya mencoba mengaktifkan modal dengan keyboard: false, tetapi itu hanya mencegah pemecatan dengan tombol ESC.

Saya baru saja mengalami masalah ini juga.
Masalah saya adalah saya memiliki tombol tutup di modal saya

<button class="close" data-dismiss="modal">&times;</button>

Menekan enter di kolom input menyebabkan tombol ini diaktifkan. Saya mengubahnya menjadi jangkar sebagai gantinya dan berfungsi seperti yang diharapkan sekarang (masukkan mengirimkan formulir dan tidak menutup modal).

<a class="close" data-dismiss="modal">&times;</a>

Tanpa melihat sumber Anda, saya tidak dapat memastikan bahwa tujuan Anda sama.

Cukup tambahkan atribut type = "button" ke elemen tombol, beberapa browser menafsirkan tipe sebagai kirim secara default.

https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#Attributes

Ini berlaku untuk semua tombol yang Anda miliki di modal.

<button type="button" class="close" data-dismiss="modal">×</button>

Saya mengalami masalah ini bahkan setelah menghapus SEMUA tombol dari Modal Bootstrap saya, jadi tidak ada solusi di sini yang membantu saya.

Saya menemukan bahwa formulir dengan satu bidang teks akan menyebabkan browser melakukan pengiriman formulir (dan mengakibatkan penutupan), jika Anda menekan Enter saat fokus keyboard berada pada bidang teks. Ini tampaknya lebih merupakan masalah browser / formulir daripada apa pun dengan Bootstrap.

Solusi saya adalah menyetel atribut onsubmit formulir ke onsubmit = "return false"

Ini mungkin menjadi masalah jika Anda benar-benar menggunakan acara kirim, tetapi saya menggunakan kerangka kerja JS yang menghasilkan permintaan AJAX daripada melakukan pengiriman browser, jadi saya lebih suka menonaktifkan pengiriman seluruhnya. (Ini juga berarti saya tidak perlu mengubah setiap elemen formulir secara manual yang mungkin memicu pengiriman).

Info selengkapnya di sini: Dialog modal bootstrap dengan satu bidang input teks selalu ditutup pada tombol Enter

Anda dapat meletakkan tombol masuk sebelum tombol batal dan ini akan menyelesaikan masalah yang Anda alami juga.

<div class="modal-footer">
    <button type="submit" class="btn primary">Login</button>
    <button type="submit" class="btn" data-dismiss="modal">Cancel</button>
</div>

Saya memiliki masalah yang sama, dan saya menyelesaikannya dengan

<form onsubmit="return false;">

tetapi ada satu solusi lagi, Anda dapat menambahkan input tak terlihat dummy, sehingga formulir Anda akan terlihat seperti ini:

<form role="form" method="post" action="submitform.php">
    <input type="text" id="name" name="name" >
    <input type="text" style="display: none;">
</form>

Saya memiliki pengalaman serupa sekarang dan cara saya menyelesaikannya adalah alih-alih menggunakan tag, saya mengubah tag menjadi tag dengan type = "button". Ini sepertinya memecahkan masalah menekan tombol "enter" dan menutup modal bootstrap.

Saya memiliki masalah ini juga dan saya menyelesaikannya dengan cara ini. Saya menambahkan onsubmit ke formulir. Saya juga ingin dapat menggunakan tombol enter sebagai kunci penyimpanan, jadi saya menambahkan javascript save_stuff () ke onsubmit. return false; digunakan untuk mencegah pengiriman formulir.

<form onsubmit="save_stuff(); return false;">
 ...
</form>

<script>
    function save_stuff(){
      //Saving stuff
    }
</script>