← Back to Home
Form Using Yup Validation
See the source codeYup Schema:
{
name: yup.string().required('Name is required'),
email: yup
.string()
.email('Need to be a valid email')
.required('Email is required'),
password: yup
.string()
.required('Password is required')
.min(8, 'Password must be at least 8 characters long'),
age: yup
.number('Must be a number')
.typeError('Must be a number')
.positive('Must be a positive value')
.integer('Must be a number')
.required('Age is required'),
phone: yup
.string()
.matches(/^+628[1-9][0-9]{8,11}$/, 'Must use +62 format')
.required('Phone is required'),
personalsite: yup
.string()
.url('Must be a url')
.required('Personal Site is required'),
date: yup
.date()
.min(new Date('2020-08-15'), 'Date must be greater than 15/08/2020')
.required('Date is required'),
}
Result:
null