相关疑难解决方法(0)

如何在react-bootstrap中禁用表单提交的<ENTER>键

在以下代码段中,我有许多输入文本类型的输入表单。如果用户点击 ,似乎我收到了与他们按下提交按钮相同的合成事件。我想忽略作为表单提交,只允许一个人按下提交按钮。(我删除了一些表单组以减少示例)。

在所有情况下(按钮或 ENTER 键)

e.key is undefined
e.which is undefined
e.type is submit
e.target is the submit button 
Run Code Online (Sandbox Code Playgroud)

(这是一个合成事件)

const React = require('react')
import { Form, FormControl, FormGroup, ControlLabel, Col, Button, Tooltip, OverlayTrigger } from 'react-bootstrap'

const Configuration = ({ ServerPort, UserID, PortNumber, WWWUrl, SourcePath, FMEPath }) => {
    const buttonAction = (e) => {
        e.preventDefault();
        alert(e.target.innerHTML)
    }
    return (
        <Form horizontal>
            <FormGroup controlId="serverPortBox">
                <Col componentClass={ControlLabel} sm={2}>Watson Port:</Col>
                <Col sm={10}>
                    <OverlayTrigger placement="left" overlay={(<Tooltip id="tt1">TCP port for Watson to use</Tooltip>)}> …
Run Code Online (Sandbox Code Playgroud)

javascript forms reactjs react-bootstrap

5
推荐指数
3
解决办法
1万
查看次数

标签 统计

forms ×1

javascript ×1

react-bootstrap ×1

reactjs ×1