Programers hizi hapa Tricks kuhusu Form Validation

[Latrice]

Habarini nyote nawaletea salamu changamfu kabisa kutoka West Monroe, Louisiana.

Data validation kwa pipo za Computer science - is the process of ensuring data have undergone data clearing to ensure they have data quality, that is, that they are both correct and useful.

Moja kati ya kazi muhimu tuliyonayo tunapounda FORM ni kuhakikisha kuwa data ni productively validated.

Note; Never validate data only on the front - end this might be dangerous.
Tutatumia Yup kama object schema validator and object parser.

Cha kwanza kabisa ni ku-install Yarn add yup. Na kama unatumia Typescript install @types.
Yarn add -> @types/yup.

Haya nitakuonyesha namna ya ku-validate Simple contact form.
Mfano tunahitaji mteja aweke hizi taarifa
1.Jina
2.Jina la ukoo
3. Tarehe ya kuzaliwa.
4. Jinsia.
5. Barua pepe.
6. Namba ya Simu.

Yup.object ({
name: Yup.string ().required (),
Surname: Yup.string ().required(), Birthdate: Yup.date().oneof([‘Male’ , ’Female ’]),
YearsOfProficiency: Yup.number ().positive ().required ("Don't be shy."),
email: Yup.string ().email().required (),
PhoneNumber: Yup.string ().url(),
})

Yup.object ({
name: Yup.string().required (),
Surname: Yup.string().required (),
Sex: Yup.mixed ().OneOf(["Male", "Female" ]),
YearsOfProficiency: Yup.number()
.positive
. required ("Don't be covidiot!"),
email: Yup.string ()
. test(
"at-least-email-or-phone-number",
" you should provide at least either an email or a phone number ",
function (value) {
Const email = this.parent.email;

.if (! email || value?.length===0){return false
}

return true;
},
portfolio: Yup.string().url()
})

Tuseme tungependa kuweza kuwasiliana na mtumiaji kwa njia tofauti tofauti hatujali kama ni kwa email au kwa kuwapigia simu.
Tunatakiwa kuhakikisha email au namba ya simu mtumiaji kaiweka.

Hii inafanya na hii schema

{
name: 'Chris;
Surname: 'Jonathan;
Sex: 'male;
Age: 29,
YearsOfProficiency:2,
birthdate '1991-08-29T22:00:00.000Z'
}

Tunaweza kupata validation error moja tamu sana.
Kama hii: You should provide at least either an email or a phone number.

Mfano wa password.
Mtumiaji anapaswa kuweka password zake mara mbili kama ambavyo JF wamefanya kama mean ya security tu.

Yup.object ({
Password: Yup.string ().required ('password is required ’),
ConfirmPassword: Yup.string ()
.oneOf([Yup.ref('password ’),null], " passwords must match ")
.required ('password confirm is required')
})

Enjoy!

 

[Hackboy]

Typescript iko poa sana

 

[Latrice]

Typescript iko poa sana

Noma sana