Angular Forms Tutorial - 23 - Custom Validation

[@simpleway2022]

This guy is a genius!!! too complex for me.

[@mohangudimetta0511]

Kudos Vishwas and thanks for your time and effort to make such a great tutorial on Angular and your way of explaining the topics is really appreciated

[@EduShaman]

For a newbie this was a pretty quick drive through factory functions . Especislly while understanding how the control transfers .

[@bunthaideng2492]

OMG! This is very complex.

[@shamshtabrez6492]

Your video helped me to learn custom validations. You are one of the best tutors on youtube.

[@chaitanyayash2958]

This particular video in particular is superb.

[@user-rp9iis1en6h]

thanks a lot. This tutorial is so easy to understand. I would like to suggest everyone to go through sequentially.

[@ABsazerNer]

This is the best validation function I've ever had, thank you so much

[@amanraj3646]

Awesome but the ending part became too complex for me why s need of factory function I didn't got. Instead in the original function we could have checked control.value with a number of constant regex and if anyone matches we return that .it sounds correct na?

[@jamuna5181]

Although complex but your explanation makes it easy to understand :)

[@thehulk2642]

thanks. 🙂 very easy to understand . step by step. it goes into mind.

[@renanrosa5527]

Thanks. It worked just fine.

[@khurrammazhar9351]

You are truly a genius

[@lavanyaverma7739]

If you guys strictly want only "admin" to be forbidden and not "aadmin" or "administration" or any other word containing the string 'admin', just supply the parameter as "/\badmin\b/". Example: forbiddenNameValidator(/\badmin\b/)

[@naimeahmed1192]

Very well explained. Thank you guru

[@rahulg125]

Hi Vishwas, u mentioned since the custom validation is used in most components we are creating a separate file and sharing it in all components. Could we create a custom service class where we can write the custom validation codes and inject it wherever needed. Is it possible? means creating a custom service class instead of file?

[@manikmahashabde2946]

Very helpful 👍 thanks a lot 🙂

[@vishtrinity]

why are we not sending the parameter of type control in the forbiddenNameValidator function at 4:23

[@happyhandsome2081]

My question is the same. Parameters should be make sense by send from a business oriented controller, but not sending from root controller App Controller. It is my question.

[@ridloalimudin140]

i love the way you teach. do it more...... Thanks

[@sarwatafroz9321]

In custom validation of forbidden name we cannot write any word using forbidden word we use like admin and admins it shows error on admins also

[@oswaldosilva7750]

great way to explain. Thanks for sharing

[@user-jtwe1xrf2n]

Thank you very much!

[@rahulkathar364]

Can we create multiple validatorFn functions?

[@laiparekh7114]

Didn't understand the stuff you did in app.compnent.ts file. Can anyone please explain

[@pravinmisra]

How can we restrict multiple words for userName field?

[@bichitranandamalik7913]

Hi sir I am a devloper which one I should learn angular or react pls tell me

[@NdamuleloNemakh]

Thanks for the video. Can you please include how you would implement this for a list of forbidden values, e.g. Forbidden_list = [ 'admin', 'password', 'vishwas']

[@gr8mOmi]

const forbidden = /admin/.test(control.value) || /secondUserName/.test(control.value); this is how ya can add a number of forbiddenNames

[@punkkauz]

userName: ['', [Validators.required, Validators.minLength(3), forbiddenNameValidator(/password/),forbiddenNameValidator(/username/),forbiddenNameValidator(/jukerberg/),forbiddenNameValidator(/mark/)]], it works well brother...

[@akramfaiz411]

I guess it won't be used for this scenario, If 'admin' name is already taken it shouldn't allow, but I guess it won't allow 'admin1', 'admin2', 'admin1111' ....

[@rukhsarafroz3117]

If we are taking admin it also show error in administration

[@neethukevin2619]

@@gr8mOmi In the video he already changed the pattern: /admin/.test.... in validator function to a parameter: forbiddenName and wont use the former anymore. Then how can we use it in app class. I think the method userName: ['', [Validators.required, Validators.minLength(3), forbiddenNameValidator(/password/),forbiddenNameValidator(/username/),forbiddenNameValidator(/jukerberg/),forbiddenNameValidator(/mark/)]], only will work

[@jahangiralam8206]

Hey Viswas, First of all thanks for your nobble effort for such a fantastic series. In this video I got a problem. If I set the username minlength: 10, and lets say forbiddenName string is 'password' then if I started typing on the username field it is showing me two consecutive error message as like below: "Username must be at least 10 characterspasswordUsername not allowed" I know this is logically right but I dont wanna show multiple error message at a time. You have used three consecutive *ngIf block for displaying error message for username field. But what if any two of them are true at the same time?? Is there any else if condition to avoid this situation and can you please explain this? Thanks in advance, Jahangir Alam From Bangladesh

[@akshaynitin5589]

try ....same I also faced then issuse is solved.

[@devendrajadhav8538]

why not directive instead of class even in docs they have mentioned

[@greenmarvel6762]

Super!!!!

[@mohammadaljunde9452]

very complex !!

[@msh1996]

Best

[@muralimanohar2514]

its hard to understand

[@ninistories]

bro

[@rjchhetri2370]

Angular custom form validation is so complex, who would ever like to code like this. It looks nasty