如何在cq5中的经典ui中对文本字段长度进行自定义对话框验证

时间:2016-11-23 17:05:52

标签: cq5 aem

我想在弹出窗口中显示消息,如"请输入10个字符"如果提交时文本字段超出了经典ui对话框文本字段中所需的长度。

我已经提到以下链接:

我的要求就像第一个链接,但这是触摸UI。我需要在经典的UI Dialog中使用相同的功能。我试过但我没有。

请建议我达到这个要求。

感谢!!!

Vasantha Koppula。

1 个答案:

答案 0 :(得分: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