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

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

Clouds with binary code floating aboveCloud with binary code floating above

No Results

Search Tips:

  • Please consider misspellings
  • Try different search keywords
PDF

項目の検証

JavaScript を使用して、項目を検証できます。通常、ユーザ入力を検証してエラーを特定し、エラーメッセージを表示します。

デフォルトのエラー処理

フレームワークでは、デフォルトのエラーコンポーネント ui:inputDefaultError を使用して、エラーを処理および表示できます。次の例に、フレームワークで検証エラーを処理し、デフォルトのエラーコンポーネントを使用してエラーメッセージを表示する方法を示します。

コンポーネントのソース

1swfobject.registerObject("clippy.codeblock-0", "9");<aura:component>
2    Enter a number: <ui:inputNumber aura:id="inputCmp"/> <br/>
3    <ui:button label="Submit" press="{!c.doAction}"/>
4</aura:component>
5

クライアント側コントローラのソース

1swfobject.registerObject("clippy.codeblock-1", "9");{
2    doAction : function(component) {
3        var inputCmp = component.find("inputCmp");
4        var value = inputCmp.get("v.value");
5
6        // is input numeric?
7        if (isNaN(value)) {
8            // set error
9            inputCmp.setValid("v.value", false);
10            inputCmp.addErrors("v.value", [{message:"Input not a number: " + value}]);
11        } else {
12                // clear error
13                inputCmp.setValid("v.value", true);
14        }
15    }
16}
17

値を入力して [送信] ボタンをクリックすると、コントローラのアクションによって入力値が検証され、入力値が数値でない場合にエラーメッセージが表示されます。有効な入力値を入力すると、エラーがクリアされます。コントローラでは、setValid(false) を使用して入力値を無効化し、setValid(true) を使用してエラーをクリアします。addErrors() を使用して、エラーメッセージを入力値に追加できます。