文件AEMAEM 教學課程AEM Forms 教學課程

使用自訂函式和程式碼編輯器

最後更新: 2025年3月25日
  • 適用對象:
  • Experience Manager 6.4
  • Experience Manager 6.5
  • 主題:
  • 適用性表單

建立對象:

  • 初學者
  • 開發人員

在本部分中,我們將使用自訂函式和程式碼編輯器來編寫商業規則。

您已在本教學課程中先前安裝ClientLib搭配自訂函式。

通常使用者端資料庫會包含CSS和Javascript檔案。 此使用者端資料庫包含JavaScript檔案,此檔案會公開一個函式以填入下拉式清單值。

要填入下拉式清單的函式

video poster

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

設定面板的摘要標題

video poster

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

驗證面板

video poster

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

以下是用來驗證面板欄位的程式碼

//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");
  }

您可以取消註解第1行,以在瀏覽器視窗中偵錯程式碼。

第4行 — 取得目前的面板

第5行 — 驗證目前的面板。

第9行 — 如果沒有錯誤移至下一個面板

預覽表單,並測試新啟用的功能。

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