我有一个带有两个输入字段的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按钮时,也会触发密码验证器。当我单击具有提交类型的按钮时,表单已成功提交。那是为什么?