The following attribute's value will be loaded for the relative validation rule:
data-errormessage-value-missing
- required
- groupRequired
- condRequired
data-errormessage-type-mismatch
- past
- future
- dateRange
- dateTimeRange
data-errormessage-pattern-mismatch
data-errormessage-range-underflow
data-errormessage-range-overflow
data-errormessage-custom-error
data-errormessage
- a generic fall-back error message
Validators
- required : Speaks for itself, fails if the element has no value. This validator can apply to pretty much any kind of input field.
- groupRequired : At least one of the field of the group must be filled. It needs to be given a group name that is unique across the form.
- condRequired : This makes the field required, but only if any of the referred fields has a value.
- custom[regex_name] : Validates the element's value to a predefined list of regular expressions.
- custom[function_name] : Validates the element's value to a predefined function included in the language file (compared to funcCall that can be anywhere in your application),
- funcCall[methodName] : Validates a field using a third party function call. If a validation error occurs, the function must return an error message that will automatically show in the error prompt.
- ajax[selector] : Delegates the validation to a server URL using an asynchronous Ajax request. The selector is used to identify a block of properties in the translation file, take the following for example.
- equals[field.id] : Checks if the current field's value equals the value of the specified field.
- min[float] : Validates when the field's value is less than, or equal to, the given parameter.
- max[float] : Validates when the field's value is more than, or equal to, the given parameter.
- minSize[integer] : Validates if the element content size (in characters) is more than, or equal to, the given integer. integer <= input.value.length
- maxSize[integer] : Validates if the element content size (in characters) is less than, or equal to, the given integer. input.value.length <= integer
- past[NOW, a date or another element's name] : Checks if the element's value (which is implicitly a date) is earlier than the given date. When "NOW" is used as a parameter, the date will be calculate in the browser. When a "#field name" is used ( The '#' is optional ), it will compare the element's value with another element's value within the same form. Note that this may be different from the server date. Dates use the ISO format YYYY-MM-DD
- future[NOW, a date or another element's name] : Checks if the element's value (which is implicitly a date) is greater than the given date. When "NOW" is used as a parameter, the date will be calculate in the browser. When a "#field name" is used ( The '#' is optional ), it will compare the element's value with another element's value within the same form. Note that this may be different from the server date. Dates use the ISO format YYYY-MM-DD
- minCheckbox[integer] : Validates when a minimum of integer checkboxes are selected. The validator uses a special naming convention to identify the checkboxes as part of a group.
- maxCheckbox[integer] : Same as above but limits the maximum number of selected check boxes.
- creditCard : Validates that a credit card number is at least theoretically valid, according the to the Luhn checksum algorithm, but not whether the specific card number is active with a bank, etc.
Custom Regex
- phone
- url
- email
- date
- number
- integer
- ipv4
- onlyNumberSp
- onlyLetterSp
- onlyLetterNumber
Custom prompt position
- data-prompt-position : topLeft, topRight, centerRight, bottomLeft, bottomRight, inline
Ignore validate
Posts
