JavaScript/jQuery Validator - CompareRule
A validation rule that demands that a validated editor has a value that is equal to a specified expression.
To specify the expression that the validated field must match, set the rule's comparisonTarget configuration option. Assign a function to this option. The validated value will be compared to the function's return value. The comparison will be performed by using the operator that is set for the comparisonType option.
See Also
comparisonTarget
The rule is valid if the validated value is equal to the return value of the comparisonTarget function.
comparisonType
Specifies the operator to be used for comparing the validated value with the target.
Use the ComparisonOperator
enum to specify this option when the widget is used as an ASP.NET MVC 5 Control or a DevExtreme-Based ASP.NET Core Control. This enum accepts the following values: Equal
, NotEqual
, StrictEqual
, NotStrictEqual
, GreaterThan
, GreaterThanOrEqual
, LessThan
, and LessThanOrEqual
.
message
An error message can be specified as follows:
Hard-code the message
index.js- $(function() {
- $("#textBox").dxTextBox({ ... })
- .dxValidator({
- type: "compare",
- message: "My custom message"
- });
- });
Hide the message
index.js- $(function() {
- $("#textBox").dxTextBox({ ... })
- .dxValidator({
- type: "compare",
- message: ""
- });
- });
Display the editor's name in the message
index.js- $(function() {
- $("#textBox").dxTextBox({ ... })
- .dxValidator({
- name: "Passwords", // The error message will be "Passwords do not match"
- validationRules: [{
- type: "compare"
- }]
- });
- });
reevaluate
Indicates whether or not the rule should be always checked for the target value or only when the target value changes.
type
If you have technical questions, please create a support ticket in the DevExpress Support Center.