Description
Angular2 custom validation, inspired by jQuery validation.
Demo
Install
npm install xsc-angular2-validator
system.config.js
map: ,packages:
Validators
- Compare
- Lowercase
- Maxchecked
- Maxlength
- Maxnumber
- Minchecked
- Minlength
- Minnumber
- Numeric
- Pattern
- Phone
- Range
- Required
- String
- Uppercase
- URL
How to use it
HTML
First Name: Add
NOTE
Mandatory Attributes:
- validation : which holds the validation rules (<input validation="required|maxLength[5]")
- error-tag : which holds the error tag element class or id (<input error-tag="#first-name-error")
- pattern : Which is input attribute, used to mention pattern ()
Optional Attributes:
- nice-name : which would say beautiful name for the field (<input nice-name="First Name")
ts File
;; @ implements OnInit //An object for XSCValidator class Validator = ; var formID = 'validationform'; var status = thisValidator; ; //status holds form status ( true -> form is valid, false -> form is invalid )