输入类型密码字段未通过回车提交

时间:2017-04-06 11:49:21

标签: javascript reactjs input form-submit redux-form

我有一个带有两个输入字段的redux-form,第一个是text类型,第二个是password类型。你可以在这里看到代码:

<div className="input-box">
            <Field
              id="username"
              name="username"
              type="text"
              placeholder="Username"
              component={inputField}
            />
          </div>
          <div className="input-box">
            <Field
              id="password"
              name="password"
              type="password"
              placeholder="Password"
              component={inputField}
            />

我还要在容器中添加验证器,如下所示:

const validate = (values) => {
  const errors = {};

  if (!values.get('username')) {
    errors.username = 'Username is required';
  }
  if (!values.get('password')) {
    errors.password = 'Password is required';
  }
  return errors;
};

我的问题是,即使填写了密码字段,当我按下Enter按钮时,也会触发密码验证器。当我单击具有提交类型的按钮时,表单已成功提交。那是为什么?

0 个答案:

没有答案