Validation Error (Deprecated)

ui:validationError

Indicates that the component has validation error(s).

This event is fired when a validation error occurs on an input field. To set a handler for the ui:validationError event, use the onError attribute on a component that extends ui:input, such as ui:inputText and ui:inputNumber.

The following ui:inputNumber component displays an error message when the number entered is less than 10. It displays an alert when the error message is cleared.

1<aura:component>
2  <aura:attribute name="myNumber" type="integer" default="10" />
3  <ui:inputNumber
4    aura:id="number"
5    label="Enter a number: "
6    value="{!v.myNumber}"
7    onError="{!c.handleError}"
8  />
9  <ui:button label="Validate" press="{!c.handleValidate}" />
10</aura:component>

Here’s the client-side controller that handles the input validation and handling of the validation error.

1({
2  handleValidate: function (cmp, evt, helper) {
3    var num = cmp.find("number");
4    var val = num.get("v.value");
5    if (val < 10) {
6      num.set("v.errors", [{ message: "Enter a number more than 10" }]);
7    } else {
8      num.set("v.errors", null);
9    }
10  },
11
12  handleError: function (cmp, evt, helper) {
13    alert("An error was found in your input.");
14  },
15});

If you’re using this event with a component other than those that extend ui:input, register the event first.

1<aura:registerEvent
2  name="onError"
3  type="ui:validationError"
4  description="The event fired when validation errors occur."
5/>

For more information, see the Lightning Aura Components Developer Guide.

No specifications to show

Validation Error (Deprecated)

Lightning Component Reference