Tránh bỏ qua phương thức khi nhấn phím enter

Tôi đã thiết lập một phương thức bootstrap với một biểu mẫu bên trong nó, tôi chỉ nhận thấy rằng khi tôi nhấn phím Enter, phương thức bị loại bỏ. Có cách nào để không loại bỏ nó khi nhấn Enter không?

Tôi đã thử kích hoạt phương thức bằng keyboard: false, nhưng điều đó chỉ ngăn chặn việc loại bỏ bằng phím ESC.

Tôi cũng vừa gặp vấn đề này.
Vấn đề của tôi là tôi có một nút đóng trong phương thức của mình

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

Nhấn enter trong trường nhập khiến nút này được kích hoạt. Tôi đã thay đổi nó thành một neo để thay thế và nó hoạt động như mong đợi ngay bây giờ (enter gửi biểu mẫu và không đóng phương thức).

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

Tuy nhiên, nếu không thấy nguồn của bạn, tôi không thể xác nhận rằng nguyên nhân của bạn cũng giống như vậy.

Chỉ cần thêm thuộc tính type = "button" vào phần tử nút, một số trình duyệt diễn giải loại là gửi theo mặc định.

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

Điều này áp dụng cho tất cả các nút bạn có trong phương thức.

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

Tôi đã gặp sự cố này ngay cả sau khi loại bỏ TẤT CẢ các nút khỏi Bootstrap Modal của mình, vì vậy không có giải pháp nào ở đây giúp tôi.

Tôi nhận thấy rằng biểu mẫu có một trường văn bản sẽ khiến trình duyệt thực hiện gửi biểu mẫu (và dẫn đến loại bỏ), nếu bạn nhấn Enter trong khi tiêu điểm bàn phím nằm trên trường văn bản. Đây dường như là một vấn đề về trình duyệt / biểu mẫu hơn bất cứ điều gì với Bootstrap.

Giải pháp của tôi là đặt thuộc tính onsubmit của biểu mẫu thành onsubmit = "return false"

Đây có thể là một vấn đề nếu bạn thực sự đang sử dụng sự kiện gửi, nhưng tôi đang sử dụng các khuôn khổ JS tạo yêu cầu AJAX thay vì thực hiện gửi trình duyệt, vì vậy tôi muốn tắt hoàn toàn gửi. (Điều đó cũng có nghĩa là tôi không phải điều chỉnh thủ công mọi thành phần biểu mẫu có thể kích hoạt gửi).

Thông tin thêm tại đây: Hộp thoại phương thức Bootstrap với một trường nhập văn bản duy nhất luôn loại bỏ trên phím Enter

Bạn có thể đặt nút đăng nhập trước nút hủy và điều này cũng sẽ giải quyết được vấn đề bạn đang gặp phải.

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

Tôi đã gặp vấn đề tương tự và tôi đã giải quyết nó bằng

<form onsubmit="return false;">

nhưng có một giải pháp khác, bạn có thể thêm đầu vào giả ẩn, vì vậy biểu mẫu của bạn sẽ giống như sau:

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

Tôi vừa gặp phải trải nghiệm tương tự và cách tôi giải quyết vấn đề này là thay vì sử dụng thẻ, tôi đã đổi thẻ thành thẻ có type = "button". Điều này dường như giải quyết vấn đề nhấn phím "enter" và loại bỏ phương thức bootstrap.

Tôi cũng đã gặp vấn đề này và tôi đã giải quyết nó theo cách này. Tôi đã thêm thư gửi vào biểu mẫu. Tôi cũng muốn có thể sử dụng khóa enter làm khóa lưu, vì vậy tôi đã thêm javascript save_stuff () vào gửi kèm. trả về sai; được sử dụng để ngăn chặn việc gửi biểu mẫu.

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

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