JarCastingdf-merge-validation-errors
A small angular directive for merging validation errors (e.g.: server side validations) to a form.
df-merge-validation-errors update the validation state of each field in a form accordingly to the watched object.
Download
- Download directly the master at https://raw.githubusercontent.com/digitalfondue/df-merge-validation-errors/master/src/df-merge-validation-errors.js
- Bower coming soon...
Requirements
AngularJS (tested with 1.4.0) and the ngMessages module.
Use/examples
Load the dfMergeValidationErrors module and apply the directive df-merge-validation-errors="your_object_to_watch" to a form.
The "your_object_to_watch" should have the following form:
{ <fieldKey> : {type: string, message: string} | [{type: string, message}] | [string] | string}
For example:
{
'email' : {type: 'already_used', message : 'Email already used'}, /* single object*/
'name' : [{type: 'too_long', message : 'Name is too long'}, {type: 'invalid_chars', message : 'Contain invalid characters'}] /* multiple errors */,
'repeat-email' : ['error.key1', 'error.key2'],
'repeat-name': 'error.key1'
}
Note:
- the error type will have all the white space replaced with a '-'. For example if you provide {'email': 'my error message'}, the error type will be my-error-message.
- when you provide an error message not in a list (e.g.:
{'email': 'my-error'}), you should not use a ng-repeat for iterating on the error message of the specific field.
See the examples in example/index.html or directly http://digitalfondue.github.io/df-merge-validation-errors/
