}} validationSchema={Yup.object().shape({ email: Yup.string().email('Must be a valid email').max(255).required('Email is required'), password: Yup.string().max(255).required('Password is required') })} </Box> <TextField error={Boolean(touched.email && errors.email)} fullWidth helperText={touched.email && errors.email} label="Email Address" margin="normal" onChange={handleChange} type="email" value={values.email} variant="outlined" />
validationSchema={ Yup.object().shape({ email: Yup.string().email('Must be a valid email').max(255).required('Email is required'), firstName: Yup.string().max(255).required('First name is required'), lastName: Yup.string().max(255).required('Last name is required'), /> <TextField error={Boolean(touched.email && errors.email)} fullWidth helperText={touched.email && errors.email} label="Email Address" margin="normal" onChange={handleChange} type="email" value={values.email} variant="outlined" />
const SigninForm = ({ loading }) => { const { errors, touched } = useFormikContext(); return ( <FormWrapper> <InputWrapper error={errors.email && touched.email}> <label htmlFor="email">Email</label> <Field name="email" id="email" disabled={loading} /> {errors.email && touched.email ? ( <span className="">{errors.email}</span> ) : null} </InputWrapper> <InputWrapper error={errors.password && touched.password}> <label htmlFor="password">Password</label> <Field name="password" id="password" type="password" disabled={loading} /> {errors.password && touched.password ? ( <span>{errors.password}</span> ) : null} </InputWrapper> <SubmitButton loading={loading} /> </FormWrapper> ); }
validationSchema={Yup.object({ email: Yup.string() .email('v_a_incorect_email') .required('v_empty_email'), })} onSubmit={(value, { setSubmitting }) => { this.submitForm(value.email); setSubmitting(false); }} onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.email, placeholder: `${v_enter_email}...`, }} errorMsg={formik.errors.email} label={v_email} withValidation
validate={values => { let errors = {}; if (!values.email) { errors.email = 'Required'; } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(values.email)) { errors.email = 'Invalid email address'; }) => ( <form onSubmit={handleSubmit}> <input type="email" name="email" onChange={handleChange} onBlur={handleBlur} value={values.email} /> {errors.email && touched.email && errors.email} <input type="password" name="password" onChange={handleChange} onBlur={handleBlur} value={values.password} /> {errors.password && touched.password && errors.password}
{Object.keys(errors).length > 0 && ( <Alert message={errors.email || errors.password || errors.auth} type="error" showIcon
validationSchema={Yup.object({ email: Yup.string() .email('v_a_incorect_email') .required('v_empty_email'), password: Yup.string().required('v_empty_password'), onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.email, placeholder: `${v_add_your_email}...`, }} errorMsg={formik.errors.email} label={v_email} withValidation
}, validationSchema: yup.object({ email: yup.string().required('Email is required').email('Email must be valid'), password: yup.string().required('Password is required'), }), placeholder="Email" onChange={handleChange} value={values.email} isInvalid={!!errors.email} /> <Form.Control.Feedback type="invalid"> {errors.email} </Form.Control.Feedback> </Form.Group>
validationSchema={Yup.object({ email: Yup.string() .email('v_a_incorect_email') .required('v_empty_email'), })} onSubmit={(values, { setSubmitting }) => { this.addUser(values.email); setSubmitting(false); }} onChange: formik.handleChange, onBlur: formik.handleBlur, value: formik.values.email, placeholder: 'Email...', }} errorMsg={formik.errors.email} withValidation />
.required('Last Name is required'), email: Yup.string() .email('Email is invalid') .required('Email is required'), password: Yup.string() <div className="form-group"> <label htmlFor="email">Email</label> <Field name="email" type="text" className={'form-control' + (errors.email && touched.email ? ' is-invalid' : '')} /> <ErrorMessage name="email" component="div" className="invalid-feedback" /> </div>
if (!values.email) { errors.email = 'Required'; } else if (!/^[A-Z0-9._%+-]+@[A-Z0-9.-]+\.[A-Z]{2,}$/i.test(values.email)) { errors.email = 'Invalid email address'; <input id="email" type="email" placeholder="Email Address" onChange={handleChange} onBlur={handleBlur} value={values.email} /> <span class="pure-form-message-inline">{errors.email && touched.email && errors.email}</span> </div>
validationSchema={Yup.object().shape({ email: Yup.string() .email() .required("Required") })} placeholder="Enter your email" type="text" value={values.email} onChange={handleChange} onBlur={handleBlur} className={ errors.email && touched.email ? "text-input error" : "text-input" {errors.email && touched.email && ( <div className="input-feedback">{errors.email}</div> )}