当只有一个input获取焦点的时候直接回车，会提交内容 刷新页面

解决方法：阻止表单默认事件，添加submit事件回调，

1.方法1 $('#applyCertNum').bind('keypress',function(event){                                if(event.keyCode == 13)                {                alert('你输入的内容为1：' + $('#applyCertNum').val())

即：当一个 form 元素中只有一个输入框时，在该输入框中按下回车应提交该表单。如果希望阻止这一默认行为，可以在。上面的结构是正常的，但是当输入框获取焦点，并回车后。整个页面都被刷新了，这并不是我们希望的。1、问题：当页面只有一个输入框时，获取焦点时，点击回车整个页面被刷新了。查看element-ui官网我可以发现以下这段话，W3C 标准中有如下。

代码如上 ， 因为我比较喜欢写form表单包住输入框所以就会遇到这种问题，原因大致是因为form的表单属性导致的 加上一个 @submit.native.prevent 就可以解决了。

今天发现一个奇怪的问题，当页面只有一个input文本框（type="text"）时，将鼠标焦点置于这个文本框，然后按回车键（enter键）时会提交表单数据。查了一下，原来这是浏览器的默认行为，当form中只有一个input文本框（type="text"）时，用户按回车键会提交这个form表单。从这句话中我们就可以得到产生这种行为的条件就是（1）form中只有一个文本框。（2）用户在文本框中...

form 表单只有一个input 时，回车自动提交表单造成页面刷新效果

<script type="text/javascript"> $(document).ready(function() { $("#btnLogin").click(function() { submitLoginForm(); }); }); function subm...

vue在input中输入后，按回车，提交数据

通过以上优化方法，我们可以避免在只有一个输入框的表单中，回车键触发表单提交事件的问题。这样可以提升用户体验，并确保表单的行为符合预期。按钮，在输入框内按下回车键就会触发表单的提交事件。这可能会导致一些意外的行为，特别是当用户不希望提交表单时。这样，回车键按下时会聚焦到隐藏的输入框上，而不会触发表单的提交事件。另一种方法是在表单中添加一个隐藏的输入框，并将其样式设置为。如果表单只有一个输入框，我们可以将该输入框放在一个独立的。这样做可以避免回车键触发表单提交事件的问题。输入框时，即使表单没有。

el-form 中单个 el-input 框回车刷新问题

使用el-input的时候，光标聚焦在输入框，按下回车，会刷新页面。这是因为当el-form表单中只有一个input时，按下回车建会自动触发页面的提交功能， 产生刷新页面的行为。如下代码，在 el-form 中 加个 @submit.native.prevent，就可以了，form表单内多增加一个元素，不占据位置即可。.prevent 提交以后不刷新页面。.native 绑定系统原生事件。@submit: 表单提交。

form表单 一个input时 回车自动提交问题描述 form表单中，如果当前表单只有一个input输入框时，单击回车会自动提交当前表单。 解决方案 在当前form表单中添加一个隐藏的input，<input style="display:none" mce_style="display:none"> 快捷键 加粗 Ctrl + B 斜体 Ctrl + I 引用 Ctrl