A pattern rule for the DEGJS formValidation module.
npm install @degjs/form-validation-patternA pattern rule module for the DEGJS formValidation module.
If you're already using NPM for your project, you can install formValidation-pattern with the following command:
```
$ npm install @degjs/form-validation-pattern
`js
import formValidation from "@degjs/form-validation";
/ Import the Pattern rule module /
import pattern from "@degjs/form-validation-pattern";
let validationOptions = {
rules: [
pattern
]
};
/ Instantiate the formValidation module on an element /
let formElement = document.querySelector('.form');
let validationInst = formValidation(formElement, validationOptions);
`
Optionally, default rule settings can be overridden by instantiating the rule as a function and passing options as an object:
`js`
let validationOptions = {
rules: [
pattern({
message: 'This message will override the default rule message.',
events: [
'focusout',
'submit'
]
})
]
};
formValidation-pattern builds upon the HTML5 pattern validation pattern. Therefore, after instantiating the rule module, a field in the validation instance will be tested by this rule simply by adding a pattern attribute to the field input.
This rule module contains its own default validation message. However, this message can be overridden by adding a data attribute at the field or form level (in that order of importance).
Sample Markup:
`html`
#### options.message
Type: String Please match the field format.
Default:
The default message displayed when a field fails this rule's validation test.
#### options.messageAttr
Type: String data-validation-pattern-message
Default:
The data attribute formValidation will check when determining message hierarchy
#### options.events
Type: Array ['focusout','submit']
Default: submit
An array of DOM events that will cause the rule to run validation on a field (or the entire form, when using ). NOTE: focusout should be used in place of blur` due to event bubbling limitations.
For more detailed usage instructions, see the formValidation Usage documentation.