Forms 按enter键时避免模式解除

我已经设置了一个引导模式，里面有一个表单，我只是注意到当我按下Enter键时，该模式被取消。 按Enter键时有没有办法不将其取消

---

我试着用键盘激活模式：false，但这只能防止用ESC键解雇。

我也遇到了这个问题。
我的问题是，我有一个关闭按钮在我的模式

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

×；

在输入字段中按enter键可触发此按钮。我将其改为锚定，现在它可以按预期工作（enter提交表单，不关闭模式）

×；

---

在没有看到你的消息来源的情况下，我无法确认你的原因是否相同。

你可以将登录按钮放在取消按钮之前，这样也可以解决你的问题

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

登录
取消

只需将type=“button”属性添加到button元素，一些浏览器默认情况下将该类型解释为submit

这适用于模式中的所有按钮

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

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

×

即使在从引导模式中删除所有按钮后，我也遇到了这个问题，所以这里的解决方案都没有帮助到我

我发现，如果在键盘焦点位于文本字段上时按Enter键，则具有单个文本字段的表单将导致浏览器执行表单提交（并导致“驳回”）。这似乎更像是浏览器/表单的问题，而不是引导的问题

我的解决方案是将表单的onsubmit属性设置为onsubmit=“return false”

如果您实际使用的是submit事件，这可能会有问题，但我使用的是生成AJAX请求的JS框架，而不是浏览器提交，因此我更喜欢完全禁用提交。（这也意味着我不必手动调整可能触发提交的每个表单元素）

---

这里有更多信息：

我也有这个问题，我用这种方法解决了它。我把onsubmit添加到表单中。我还希望能够使用enter键作为保存键，因此我将save_stuff（）javascript添加到onsubmit中。返回false；用于防止表单提交

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

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

...
函数save_stuff（）{
//节省开支
}

我刚才也有过类似的经历，我解决这个问题的方法是不使用标签，而是用type=“button”将标签改为标签。这似乎解决了按“回车”键并取消引导模式的问题。

我也遇到了同样的问题，我用

<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>

我喜欢这个问题。为什么不直接编辑插件的源代码呢？如果我发现有用的东西，我会去编辑。同时，我希望有人知道答案。我从click.discouse.modal改为keyup，看起来很好，我稍后会再次检查，看我是否弄错了其他东西，弄错了按钮（我添加了onclick=“$（'#signnmodal'）.modal（'hide'）；”以避免这些问题，现在一切都好了，似乎）不，没有使用按钮，我用过这些东西，我想是别的东西。我使用的代码基本上是引导页面上的示例代码，只是添加了一个表单。我没有看到右上角的按钮，这就是问题所在。现在很好，谢谢+1、好极了！我想知道是否有人把它放在引导问题跟踪程序中？我现在懒得检查。也许午饭后。这不仅仅是一个按钮问题。我已经从模式中删除了所有按钮（包括右上角的“x”），但如果我只有一个表单文本字段，则按Enter键将关闭对话框。奇怪的是，只有一个文本字段时才会出现问题。有了两个按钮后，无论哪个字段有焦点，Enter都不会关闭模型。可以在取消按钮上使用type=“button”取消不应是Submit类型我已经在所有关闭/取消按钮上使用了

type=“button”

，但Enter键关闭我的模式时仍然存在此问题。我的模式中只有一个输入文本字段，您的解决方案修复了它。谢谢你的回答！