DocumentaçãoAEMTutoriais do AEMTutoriais do AEM Forms

Uso de funções personalizadas e do editor de código

Última atualização: 5 de maio de 2025
  • Aplica-se a:
  • Experience Manager 6.4
  • Experience Manager 6.5
  • Tópicos:
  • Formulários adaptativos

Criado para:

  • Iniciante
  • Desenvolvedor

Nesta parte, usaremos funções personalizadas e o editor de código para criar regras de negócios.

você já instalou a ClientLib com a função personalizada anteriormente neste tutorial.

Normalmente, uma biblioteca do cliente consiste em arquivos CSS e Javascript. Essa biblioteca do cliente contém um arquivo javascript que expõe uma função para preencher valores de listas suspensas.

Função para preencher a lista suspensa

video poster

https://video.tv.adobe.com/v/326880?quality=12&learn=on&captions=por_br

Definir título de resumo do painel

video poster

https://video.tv.adobe.com/v/33080?quality=12&learn=on&captions=por_br

Painel Validar

video poster

https://video.tv.adobe.com/v/33079?quality=12&learn=on&captions=por_br

Este é o código usado para validar campos do painel

//debugger;
var errors =[];
var fields ="";
var currentPanel = guideBridge.getFocus({"focusOption": "navigablePanel"});
window.guideBridge.validate(errors,currentPanel);
console.log("The errors are "+ errors.length);
if(errors.length===0)
{
        window.guideBridge.setFocus(this.panel.somExpression, 'nextItem', true);
}
else
  {
    for(var i=0;i<errors.length;i++)
      {
        var fields = fields+guideBridge.resolveNode(errors[i].som).title+" , ";
      }
        window.confirm("Please fill out  "+fields.slice(0,-1)+ " fields");
  }

Você pode remover o comentário da linha 1 para depurar o código na janela do navegador.

Linha 4 - Obter o painel atual

Linha 5 - Valide o painel atual.

Linha 9 - Se nenhum erro for movido para o próximo painel

Pré-visualize o formulário e teste a funcionalidade recém-ativada.

recommendation-more-help
8de24117-1378-413c-a581-01e660b7163e