i have a problem i dont understand why form dosent work when i send a pdf here is the code
const SubmitFormValidation = Yup.object().shape({
email: Yup.string()
.required('Ce champ est obligatoire')
.max(100, 'Maximum 100 caractéres')
.matches(/^[w.-]+@comlink.fr$/, "L'email doit se terminer par @gmail.fr"),
pdf_devis: Yup.string().required('Ce champ est obligatoire'),
});
<Formik
initialValues={{
email: ”,
pdf_devis: ”,
}}
validationSchema={SubmitFormValidation}
onSubmit={async (values) => {
console.log(’email’, values.email);
console.log(‘pdf’, values.pdf_devis);
const dataSubmit = {
id_devis: id,
email: values.email,
pdf_devis: values.pdf_devis,
};
const autorise = 'Le devis a bien été envoyé';
const refuse = "Le devis n'a pas été envoyé";
const actions = async () => {
pathname === `/devis/${id}` ? window.location.reload() : router.push(`/devis/${id}`);
setModal(false);
};
const res = await devisServices.createMailDevis(token, id, dataSubmit);
submitDataGlobaleValidation(autorise, refuse, res, actions);
}}
>
{({ errors, submitCount }) => {
return (
<Form className="flex flex-col gap-3">
<div className="flex flex-row gap-5">
<FieldInputFormFormik id="email" label="E-mail *" placeholder="Entrer un e-mail" submitCount={submitCount} error={errors.email} widthChildren="w-full" />
</div>
<FieldInputFormFormik
id="pdf_devis"
label="Fichier *"
placeholder="Entrer un intitulé"
type="file"
submitCount={submitCount}
error={errors.pdf_devis}
widthChildren="w-full"
/>
<FormFooter label={'Valider'} />
</Form>
);
}}
</Formik>
[error in the network](https://i.sstatic.net/cWshJ7Gg.png)
New contributor
sofiane is a new contributor to this site. Take care in asking for clarification, commenting, and answering.
Check out our Code of Conduct.