大佬教程收集整理的这篇文章主要介绍了表单 – 带有单个文本输入字段的Bootstrap模式对话框始终在Enter键上关闭，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
<a href="#dlgAddDeviceFolder" class="add-device-folder" data-toggle="modal">New Folder</a>
<div id="dlgAddDeviceFolder" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="dlgAddFolderLabel" aria-hidden="true">
<div class="modal-header">
<!--<a type="button" class="close" data-dismiss="modal" aria-hidden="true">×</a>-->
<h3 id="mymodalLabel">Add Device Folder</h3>
</div>
<div class="modal-body">
<form class="form-horizontal">
<div class="control-group">
<label class="control-label" for="dlgAddDeviceFolder_name">Folder Name</label>
<div class="controls">
<input id="dlgAddDeviceFolder_name" type="text" placeholder="Folder Name" autocomplete="off">
</div>
</div>
</form>
</div>
<div class="modal-footer">
<!--<a type="button" class="btn" data-dismiss="modal" aria-hidden="true">Cancel</a>-->
<!--<a id="dlgAddDeviceFolder_btnOk" type="button" class="btn btn-priMary">OK</a>-->
</div>
</div>
有广泛的讨论here表明这是一个按钮问题(我在按钮和锚标签上放了type =“button”.我已经将按钮标签转换为锚点).但是,我尝试了所有提出的解决方案,最后只是完全注释掉按钮,它仍然会发生.
请注意,如果您只是复制相同的文本输入并且有两个字段,则问题就会消失(关注任一文本字段都不会导致Enter上的解雇)
1.将表单的onsubmit属性设置为onsubmit =“return false;”
(https://stackoverflow.com/a/1329168/569091)
我最喜欢这个解决方案,因为它似乎很难预测(并且可能与浏览器有关)哪些表单字段可能会也可能不会在输入时触发表单提交.
所以,在我的原始问题的例子中：
<form class="form-horizontal" onsubmit="return false">
2.设置onkeydown(或onkeyup？)属性,以便在event.keyCode == 13时返回false
(https://stackoverflow.com/a/2037935/569091)
在这个链接中,onkeyup工作,但我不得不使用onkeydown(浏览器依赖？)
所以,在我的原始问题的例子中：
function ignoreEnter(event) { if (event.keyCode == 13) { return false; } } // and this in the HTML <input id="dlgAddDeviceFolder_name" type="text" placeholder="Folder Name" onkeydown="return ignoreEnter(event);">
以上是大佬教程为你收集整理的表单 – 带有单个文本输入字段的Bootstrap模式对话框始终在Enter键上关闭全部内容，希望文章能够帮你解决表单 – 带有单个文本输入字段的Bootstrap模式对话框始终在Enter键上关闭所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。