Избегайте модального закрытия при нажатии клавиши ввода

Я установил модальное окно начальной загрузки с формой внутри. Я только что заметил, что когда я нажимаю клавишу Enter, модальное окно закрывается. Есть ли способ не закрыть его при нажатии Enter?

Я пробовал активировать модальное окно с помощью keyboard: false, но это предотвращает закрытие только клавишей ESC.

У меня тоже была эта проблема.
Моя проблема заключалась в том, что в моем модальном окне была кнопка закрытия.

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

Нажатие клавиши ввода в поле ввода привело к срабатыванию этой кнопки. Вместо этого я изменил его на привязку, и теперь он работает, как ожидалось (ввод отправляет форму и не закрывает модальное окно).

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

Не видя вашего источника, я не могу подтвердить, что ваша причина такая же.

Просто добавьте атрибут type = "button" к элементу кнопки, некоторые браузеры по умолчанию интерпретируют тип как submit .

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

Это применимо ко всем кнопкам, которые есть в модальном окне.

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

У меня была эта проблема даже после удаления ВСЕХ кнопок из моего Bootstrap Modal, поэтому ни одно из решений здесь мне не помогло.

Я обнаружил, что форма с одним текстовым полем заставит браузер выполнить отправку формы (и приведет к отклонению), если вы нажмете Enter, когда фокус клавиатуры находится в текстовом поле. Кажется, это больше проблема браузера / формы, чем чего-либо с Bootstrap.

Мое решение заключалось в том, чтобы установить для атрибута onsubmit формы значение onsubmit = "return false"

Это может быть проблемой, если вы действительно используете событие отправки, но я использую JS-фреймворки, которые генерируют запросы AJAX, а не отправляют в браузере, поэтому я предпочитаю полностью отключить отправку. (Это также означает, что мне не нужно вручную настраивать каждый элемент формы, который может вызвать отправку).

Подробнее здесь: Модальные диалоги Bootstrap с одним полем ввода текста всегда закрываются при нажатии клавиши Enter.

Вы можете поместить кнопку входа в систему перед кнопкой отмены, и это также решит вашу проблему.

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

У меня была такая же проблема, и я решил ее с помощью

<form onsubmit="return false;">

но есть еще одно решение: вы можете добавить фиктивный невидимый ввод, чтобы ваша форма выглядела так:

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

У меня только что был подобный опыт, и я решил, что вместо использования тега я изменил тег на тег с type = "button". Похоже, это решило проблему нажатия клавиши «Enter» и отказа от модального окна начальной загрузки.

У меня тоже была эта проблема, и я решил ее таким образом. Я добавил onsubmit в форму. Я также хотел иметь возможность использовать клавишу ввода в качестве клавиши сохранения, поэтому я добавил javascript save_stuff () в onsubmit. вернуть ложь; используется для предотвращения отправки формы.

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

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