Move Custom Validated with airSlate SignNow

Move assigned validated

this is part well of handler six tutorial in this video we'll discuss how to move validation messages from the view template to the component class there are several benefits to this easily unit test validation logic instead of hard-coding validation messages in the application we can load them from an external source like a database or a file you can also change validation dynamically at runtime based on the decisions made in code or user selections in this video let's move the validation messages to the component class and in our next video well disk is moving the logic to show and hide these messages now the first thing that we want to do is include all of our validation messages in the component class in a structure that looks like this at the moment on our create employee form we've got five input elements and for each input element we've got the Associated validation messages in this structure notice this validation message is object contain key value pairs key is the name of the form control and value is another object the value contains the validation rules and their associated messages for example if the full-name form control fails required validation this is the message that we want to display similarly if it fails min length this is the message and if it's max length this is the message at the moment full name has multiple rules and validation message is specified whereas the rest of the form controls has chest they required validation rule so let's include this validation messages object with no create employee component class in the interest of time I've already copied this code to the clipboard so let's include this object after this full name length property actually we're not using this property anymore so let's delete that and then include our validation messages object right here now we need another object to store the validation messages of the form controls that have actually failed the validation for example if email form control fails validation are going to store this validation message in the email property of this form errors object and then the UI will bind to this object to display the validation errors to the user so in short this object contains all the validation messages of all our form controls whereas this object contains validation messages of only those form controls which have actually failed the validation and the UI will bind to this object to display the validation messages of the failing form controls so let's also include this form errors object within our component class at the moment only full name form control has the validator functions on the rest of the form controls that is email skill name experienced in years and proficiency let's include this required validator function and for proficiency radio button let's remove this default value beginner now the next thing that we want to do is loop over all these form controls in...