Ввод файла Validaion в React с использованием redux-form - PullRequest
Новая
       100

Ввод файла Validaion в React с использованием redux-form

0 голосов
/ 02 августа 2020

Я хочу проверить поле, в которое необходимо загрузить cv (поле ввода типа файла, которое является обязательным полем с максимальным размером 2Mo и принимает только файлы .pdf) Большое спасибо. Вот как выглядит мой код: 

const FormCandidate = (props) => {
const { handleSubmit, pristine, reset, submitting, extrafields } = props
return (
    <React.Fragment>
            <CardBody>
              <form onSubmit={handleSubmit}>

                  <Field
                  name="fullname"
                  type="text"
                  label="Nom Complet :"
                  placeholder="votre nom complet"
                  component={inputField}
                  validate={[required, maxLength(15), minValueInput]}
                  />

                  <Field
                  name="email"
                  type="email"
                  label="Email :"
                  placeholder="votre adresse électronique"
                  component={inputField}
                  validate={[required, email]}
                  />

                  <Field
                  name="phone"
                  type="text"
                  label="Numéro de téléphone :"
                  placeholder="votre numéro de téléphone"
                  component={inputField}
                  validate={[required, tel]}
                  />

                 <Field
                  name="cv"
                  type="file"
                  label="Curriculum vitae :"
                  placeholder="Veuillez joindre votre curriculum vitae mis à jour en cliquant sur 
                  Attacher votre cv (format .pdf taille maximale 2 Mo"
                  component={inputField}
                  validate={validatefile}
                  />
                  <div>
                      <Button className="ah-button-form" type="submit" disabled={submitting}>Envoyer</Button>
                      <Button className="ah-button-form-reset" type="reset" disabled={pristine || submitting} onClick={reset}>Réinitialiser</Button>
                  </div> 
                </form>
            </CardBody>
        </React.Fragment> 

)
...