古典UIのcq5のテキストフィールド長のカスタムダイアログ検証方法

Question

送信中にテキストフィールドが必要な長さを超える場合は、「10文字のみ入力してください」などのポップアップメッセージを表示します。

• AEM Touch UI Dialog Validation
• Form field Validation – Classic UI Dialog

私の要件は、最初のリンクのようなものですが、これはタッチUIである：

私は次のリンクをrefferedています。私は古典的なUIダイアログで同じものが必要です。私は試しましたが、私は得られません。

この要件を取得するようにお勧めします。

ありがとうございました！

Vasantha Koppula。

Answer 1

クラシックUIは、ExtJsフレームワークを使用します。あなたが入力を検証するために、あなたのウィジェットをmaxLengthプロパティを使用することができるはずです。

<field 
    jcr:primaryType="nt:unstructured" 
    fieldLabel="My Field" 
    maxLength=10 
    name="./text" 
    xtype="textfield"> 
</field> 

ポップアップが必要な場合は、イベントに応答するためにあなたのtextfieldウィジェットにlistenerを追加する必要があります（つまり、ぼかし）：

<field 
    jcr:primaryType="nt:unstructured" 
    fieldLabel="My Field" 
    name="./text" 
    xtype="textfield"> 
    <listeners 
     jcr:primaryType="nt:unstructured" 
     blur="function(comp){ 
      if(comp.getValue().length > 10) { 
       alert('Please enter 10 characters only'); 
      } 
     }"/> 
</field> 

ドキュメント：あなたは何を https://docs.adobe.com/docs/en/aem/6-1/ref/widgets-api/index.html?class=CQ.Dialog