2016-11-23 69 views
-1

如果文本字段在提交時在經典ui對話框文本字段中超過所需長度,我想在彈出窗口中顯示消息,如「請僅輸入10個字符」。如何在cq5中對經典ui中的文本字段長度進行自定義對話框驗證

我已經下文稱下面的鏈接:

我的要求是像第一個鏈接,但是這是在觸摸界面。我需要經典的UI對話框中的相同。我試過但我沒有收到。

請建議我以獲取此要求。

謝謝!

Vasantha Koppula。

+0

你嘗試過什麼?你可以在你的問題中包含對話框代碼嗎?什麼地方出了錯? – toniedzwiedz

+0

嗨,謝謝你的回覆...我嘗試過使用觸摸UI示例代碼(AEM Touch UI對話框驗證),那時我能夠驗證文本字段的長度並獲得彈出錯誤消息。但在經典UI的情況下,我無法驗證。我需要更改validation.js腳本。 – vasantha

回答

0

Classic UI使用ExtJs框架。您應該能夠使用你的插件的maxLength屬性來驗證輸入:

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

如果你需要一個彈出窗口,你需要一個listener添加到您的textfield小部件響應事件(即模糊):

<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

相關問題