この文章は Salesforce 機械翻訳システムを使用して翻訳されました。詳細はこちらをご参照ください。

ui:validationError

コンポーネントに検証エラーがあることを示します。

たとえば、ui:input コンポーネントはこのイベントを登録し、コンポーネントでイベントを起動できるようにします。

1swfobject.registerObject("clippy.codeblock-0", "9");<aura:registerEvent name = "onError"  type = "ui:validationError"
2                    description = "The event fired when there are validation errors." />
3

ui:input を拡張する ui:inputNumber などのコンポーネントでエラーを処理できます。次の例に、エラーを処理する ui:inputNumber コンポーネントを示します。

1<aura:component>
2    Enter a number: <ui:inputNumber aura:id="inputCmp" onError="{!c.handleError}"/> <br/>
3    <ui:button label="Submit" press="{!c.doAction}"/>
4</aura:component>

このクライアント側のコントローラでエラーを処理します。

1{(
2    doAction : function(component, event) {
3        var inputCmp = component.find("inputCmp");
4        var value = inputCmp.get("v.value");
5
6        // is input numeric?
7        if (isNaN(value)) {
8            // fire event that sets error
9            var errorEvent = inputCmp.getEvent("onError");
10            errorEvent.setParams({ "errors" : [{message:"Input not a number: " + value}]});
11            errorEvent.fire();
12        } else {
13            // clear error
14            inputCmp.setValid("v.value", true);
15        }
16    },
17
18    handleError: function(component, event){
19        var inputCmp = component.find("inputCmp");
20        var errorsObj = event.getParam("errors");
21
22        /* do any custom error handling
23         * logic desired here */
24
25        // set error using default error component
26        inputCmp.setValid("v.value", false);
27        inputCmp.addErrors(errorsObj);
28    }
29})

属性名	型	説明
`errors`	Object[]	エラーメッセージの配列

Lightning コンポーネント開発者ガイド

No Results

ui:validationError