代码之家  ›  专栏  ›  技术社区  ›  Ajay Singh Beniwal

在“窗体装饰”字段内按回车键时停止窗体在React Antd Design中提交

  •  1
  • Ajay Singh Beniwal  · 技术社区  · 6 年前

    我在Antd react form中有一个修饰的表单输入,当我按enter键时,默认的表单提交验证将触发我不想要的操作。我已经给出了输入的onPressEnter,但它从来没有被触发过,表单提交,所以我想知道如何在Antd with React中避免这种行为。

    <FormInput
                                            validateTrigger={['onBlur']}
                                            rules={[{
                                                type: 'email', message: 'The input is not valid E-mail!',
                                            }]}
                                            form={form}
                                            inputID={"email"}
                                            onPressEnter={this.onPressEnter}
                                        />
    
    
    <Form onSubmit={this.handleSubmit}
    
    handleSubmit = (e) => {
            console.log("hello");
            e.preventDefault();
        }
    
    1 回复  |  直到 6 年前
        1
  •  1
  •   Triyugi Narayan Mani Harendra Kumar    6 年前

    在你的 <input /> 标签,你可以使用 onKeyDown 防止违约的方法如下:

    onKeyDown={(e)=> e.keyCode == 13 ? e.preventDefault(): ''}
    

    我已经创建了一个关于 codesandbox.io .