2
У меня проблема, когда я фокусирую указатель мыши на текстовое поле, а затем удаляю фокус, он отображает ошибку проверки. То, что я хочу достичь, - это когда пользователь просто отправляет форму или нажимает кнопку отправки, это время, когда будет проведена проверка.Проверка правильности формы для отправки
Вот мой код до сих пор:
const form = reduxForm({
form: 'BoardAddModalForm',
validate
});
const renderField = field => (
<div className="form-group">
<input className={[forms.inputTextboxMd,"form-control"].join(' ')} {...field.input} type={field.type} placeholder={field.placeholder} autoComplete="off" />
<div className={utils.errorText}>{field.meta.touched && field.meta.error && <span>{field.meta.error}</span>}</div>
</div>
);
function validate(formProps){
const errors = {};
if(!formProps.name){
errors.name = "Board name is required";
}
return errors;
}
class BoardAddModal extends React.Component {
constructor(props) {
super(props);
this.state = {
name: ''
};
}
addBoard(formProps) {
this.props.dispatch(reset('BoardAddModalForm'));
}
render() {
const { error, handleSubmit } = this.props;
return (
<Modal show={this.props.show} onHide={this.props.onHide} bsSize="small" aria-labelledby="contained-modal-title-sm">
<Modal.Header closeButton>
<Modal.Title id="contained-modal-title-sm">Create Board</Modal.Title>
</Modal.Header>
<Modal.Body>
<form onSubmit={handleSubmit(this.addBoard.bind(this))}>
<Field name="name" component={renderField} type="text" placeholder="What are you organizing" />
<button className="btn">Submit</button>
</form>
</Modal.Body>
</Modal>
);
}
}
export default (form(BoardAddModal));
я вижу, не могу найти это на документации сокращения-формы. У вас есть ссылки на то, где вы его нашли? –
Пила сейчас. Спасибо чувак! –
Если это действительно помогло, пожалуйста, отметьте его как принятый ответ, пожалуйста :) – gustavohenke