如何在react.js中使用Enter键提交表单？
这是我的表单和onClick方法。我想在按下键盘的Enter按钮时执行此方法。怎么样 ？
注意： 没有jquery被赞赏。
comment: function (e) {
e.preventDefault();
this.props.comment({comment: this.refs.text.getDOMNode().value, userPostId:this.refs.userPostId.getDOMNode().value})
},
<form className="commentForm">
<textarea rows="2" cols="110" placeholder="****Comment Here****" ref="text" /><br />
<input type="text" placeholder="userPostId" ref="userPostId" /> <br />
<button type="button" className="btn btn-success" onClick={this.comment}>Comment</button>
</form>
问题答案：
更改<button type="button"为<button type="submit"。删除onClick。反而做<form className="commentForm" onSubmit={this.onFormSubmit}>。这应该可以单击按钮并按回车键。
onFormSubmit = e => {
e.preventDefault();
const { name, email } = this.state;
// send to server with e.g. `window.fetch`
}
...
<form onSubmit={this.onFormSubmit}>
...
<button type="submit">Submit</button>
</form>
-
问题内容： 我只是写了这个漂亮的小函数，它可以在表单本身上工作… 按照我的逻辑，我想在输入textarea期间接受回车。同样，将输入字段的回车键行为替换为跳到下一个输入字段的行为（就像按下Tab键一样）将是额外的好处。有谁知道使用事件传播模型正确触发适当元素上的回车键，但阻止表单在其按下时提交的方法吗？ 问题答案： 这是我功能的修改版本。它执行以下操作： 防止Enter键在除textarea，bu
-
在这种特殊情况下，当我按Enter键时，我必须使用哪些选项使这些输入调用函数？ Html：
-
问题内容： 在这种特殊情况下，按Enter键时必须使这些输入调用函数的选项是什么？ 问题答案： Angular开箱即用。您是否在表单元素上尝试了ngSubmit？ 编辑：根据有关提交按钮的注释,该解决方案包括： 如果您不喜欢隐藏的提交按钮解决方案，则需要将控制器功能绑定到Enter keypress或keyup事件。这通常需要一个自定义指令，但是AngularUI库已经设置了一个不错的按键解决方案
-
问题内容： 我有一个沼泽标准的登录表单-使用HTML / jQuery的AIR项目上的电子邮件文本字段，密码字段和提交按钮。当我在表单上按Enter键时，整个表单的内容消失了，但是表单没有提交。有谁知道这是Webkit的问题（Adobe AIR使用Webkit的HTML）还是我捆绑了东西？ 我试过了： 但这既没有停止清算行为，也没有提交表格。没有与表单相关的操作-可能是问题吗？我可以在动作中添加J
-
我正在尝试在用户按回车键时提交登录表单。单击“登录”按钮时，表单运行良好，但按回车键不起作用，此外，还会导致奇怪的行为： 未执行由ng submit关联的功能 按enter键后，不再显示错误消息（登录失败） 以下是我的标记： 注意，我尝试替换了<代码> 具有login（）函数的相应控制器如下所示： 我运行angularv1.4.0并使用angular-用户界面-router v.0.2.15进行路
-
用AngularJS按回车键提交表单这个问题使用html5按钮，但我使用角度材质按钮作为 但是如何使用它呢