\r\n \r\n\r\n \r\n import {ValidationManager} from \"ng2-validation-manager\";\r\n\r\n export class AppComponent implements OnInit{\r\n\r\n form;\r\n\r\n ngOnInit() {\r\n\r\n this.form = new ValidationManager({\r\n 'name' : 'required|minLength:4|maxLength:12|alphaSpace',\r\n 'email' : 'required|email',\r\n 'username' : 'required|pattern:[A-Za-z0-9]+([_\\.][A-Za-z0-9]+)*',\r\n 'description' : {'rules': 'required|count:15', 'value': 'testing'},\r\n 'password' : 'required|rangeLength:8,50',\r\n 'repassword' : 'required|equalTo:password'\r\n });\r\n\r\n this.form.setValue({\r\n 'name': 'Default'\r\n });\r\n\r\n this.form.setErrorMessage('username', 'pattern', 'Pattern must be part of this family: [A-Za-z0-9.-_]');\r\n }\r\n\r\n save(){\r\n if(this.form.isValid()){\r\n alert('validation pass');\r\n console.log(this.form.getData());\r\n this.form.reset();\r\n }\r\n }\r\n }\r\n \r\n\r\nand your view would like like:\r\n\r\n \r\n\t\r\n \r\n
Validation manager api
\r\n \r\n\r\n| Method| Return | Description |\r\n|-------|------------------|-----------------------------------------------------|\r\n| constructor(obj:{ field: rules }, ['invalid', 'dirty', 'submitted']) | | |\r\n| getForm() | FormGroup | This method returns the FormGroup |\r\n| isValid() | boolean | This method checks if the form is valid or not |\r\n| reset() | void | This method resets the form | \r\n| hasError(field) | boolean | This method checks if the form field is valid or not | \r\n| getError(field) | string | This method returns the error of the field | \r\n| getErrors() | []:string | This method returns array of errors | \r\n| setErrorMessage(field, rule, message) | void | This method can change the defualt message of a particular rule | \r\n| setValue(field, value) | void | This method sets value of field | \r\n| getValue(field) | string | This method returns the value of field |\r\n| getDate() | [] => {field:value} | This method returns array of pair key and value of your form | \r\n| getChildGroup(groupName:string, [index:number = null]) | [] => {field:value} | This method returns child FormGroup or FormArray | \r\n| addChildGroup(field, mgr: ValidationManager) | [] => {field:value} | | \r\n| removeChildGroup(groupName:string, [index:number = null]) | [] => {field:value} | This method returns array of pair key and value of your form | \r\n\r\n
Validators
\r\n \r\nThe current validators/rules\r\n\r\nNote: Validation rules are case-sensitive\r\n \r\n