angular sanitize vs validators

ByAnurag batra September 26, 2022September 6, 2022

this.slideOneForm = formBuilder.group({
    firstName: ['', Validators.compose([Validators.maxLength(30), Validators.pattern('[a-zA-Z ]*'), Validators.required])],
    lastName: ['', Validators.compose([Validators.maxLength(30), Validators.pattern('[a-zA-Z ]*'), Validators.required])],
    age: ['', AgeValidator.isValid]
});

Here is what the above code is Doing:
1. We are creating a FormGroup object called slideOneForm.
2. We are adding two FormControl objects to the FormGroup object.
3. We are adding a Validator to the FormControl object called firstName.
4. We are adding a Validator to the FormControl object called lastName.
5. We are adding a Validator to the FormControl object called age.

The Validators.compose() method takes an array of Validators and returns a single Validator function.

The Validators.maxLength() method takes a number and returns a Validator that checks if the value of a FormControl is greater than the given number.

The Validators.pattern() method takes a regular expression and returns a Validator that checks if the value of a FormControl matches the given regular expression.

The Validators.required() method returns a Validator that checks if the value of a FormControl is empty.

The AgeValidator.isValid() method returns a Validator that checks if the value of a FormControl is a valid age.

The Validators.compose() method is used to combine multiple Validators into a single Validator.

The Validators.maxLength() method is used to check if the value of a FormControl is greater than the given number.

The Validators.pattern() method is used to check if the value of a FormControl matches the given regular expression.

The Validators.required() method is used to check if the value of a FormControl is empty.

The AgeValidator.isValid() method is used to check if the value of a FormControl is a valid age.

solution for sass installation binding problem on windows 7

Javascript Examples

solution for sass installation binding problem on windows 7

ByAnurag batra July 16, 2022June 30, 2022

npm rebuild node-sass Here is what the above code is Doing: 1. We’re using the os module to run the command line command “npm rebuild node-sass” 2. We’re using the subprocess module to run the command line command “npm rebuild node-sass” 3. We’re using the subprocess module to run the command line command “npm rebuild…

Javascript Examples

angular 8 features

ByAnurag batra July 25, 2022October 23, 2022

New Angular 8 Features! 1 – Angular Ivy. For over a year, the Angular Team has been telling about their new Ivy renderer, so it is obviously the major part of the Angular 8 update. … 2 – Router. Location. … 3 – Forms. … 3 – Support for TypeScript. … 4 – Service Worker….

Javascript Examples

javascript cahnge colour of strokerect

ByAnurag batra July 3, 2022June 30, 2022

const context = canvas.getContext(‘2d’); context.strokeStyle = ‘blue’; context.strokeRect(100, 100, 50, 50); Here is what the above code is Doing: 1. We create a canvas element and store it in a variable called canvas. 2. We get the 2D context of the canvas and store it in a variable called context. 3. We set the strokeStyle…

Javascript Examples

intro to graphs with js

ByAnurag batra October 20, 2022September 6, 2022

123456789101112131415 Here is what the above code is Doing: 1. We’re creating a variable called “my_string” and assigning it the value “123456789101112131415” 2. We’re creating a variable called “my_list” and assigning it the value of the string “123456789101112131415” split into a list of strings, each string containing one character. 3. We’re creating a variable called…

Javascript Examples

javascript isset

ByAnurag batra July 16, 2022June 30, 2022

if (typeof foo !== ‘undefined’) { } Here is what the above code is Doing: 1. It’s checking to see if the variable foo is defined. 2. If it is, it’s going to execute the code inside the if statement. 3. If it’s not, it’s going to skip over the if statement.

Javascript Examples

js foreach key value

ByAnurag batra July 28, 2022June 30, 2022

myObject ={a:1,b:2,c:3} //es6 Object.entries(myObject).forEach(([key, value]) => { console.log(key , value); // key ,value }); //es7 Object.keys(myObject).forEach(key => { console.log(key , myObject[key]) // key , value }) Here is what the above code is Doing: 1. Object.entries(myObject) returns an array of arrays. Each array contains a key and a value. 2. The forEach method loops through…

Similar Posts