Saltar al contenido

eliminar la validación si el campo no se muestra en el ejemplo de código de formik

Luego de de una larga búsqueda de datos pudimos solucionar esta incógnita que pueden tener algunos de nuestros lectores. Te brindamos la respuesta y nuestro objetivo es que te sea de gran ayuda.

Ejemplo: formik y yup

importReactfrom'react';importFormik,Field,Form,ErrorMessagefrom'formik';import*asYupfrom'yup';constSignupForm=()=>return(<Formik
       initialValues= firstName:'', lastName:'', email:''
       validationSchema=Yup.object(
         firstName:Yup.string().max(15,'Must be 15 characters or less').required('Required'),
         lastName:Yup.string().max(20,'Must be 20 characters or less').required('Required'),
         email:Yup.string().email('Invalid email address').required('Required'),)
       onSubmit=(values, setSubmitting )=>setTimeout(()=>alert(JSON.stringify(values,null,2));setSubmitting(false);,400);><Form><label htmlFor="firstName">FirstName</label><Field name="firstName" type="text"/><ErrorMessage name="firstName"/><label htmlFor="lastName">LastName</label><Field name="lastName" type="text"/><ErrorMessage name="lastName"/><label htmlFor="email">EmailAddress</label><Field name="email" type="email"/><ErrorMessage name="email"/><button type="submit">Submit</button></Form></Formik>);;exportdefaultSignupForm;

Recuerda que tienes la capacidad de añadir una valoración acertada si diste con el arreglo.

¡Haz clic para puntuar esta entrada!
(Votos: 0 Promedio: 0)



Utiliza Nuestro Buscador

Deja una respuesta

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *