【Bonita BPM】如何在未填完form表單時，鎖住 Submit Button

tags: Bonita BPM

COMMON 概念

當表單有必填欄位的需求時，
想必一定不希望Submit Button在使用者未填完必填欄位前，就可以送出表單。

1. 必填欄位：每個元件基本上都有 Required 可供設定
2. 鎖住 Button：使用 Button 元件的 Disabled 設定

必填 Required

In the context of a form container,
use $form.$invalid as a Boolean to check form validity in a widget property

1. 直接選擇yes，設定為必填欄位
2. 使用條件判斷式，來決定在哪個條件下，設定為必填欄位

鎖定 Disabled

• 步驟1：先將要設定為 “在未填完表單時，鎖住 Submit Button” 的元件放入form container
  

• 步驟2：也將 Submit Button 元件放入form container，

• 步驟3：將 Submit Button的 Disabled 設定為$form.$invalid

  

Conclusion 結論

必須將元件放入 form container ，才能使 $form.$invalid 運作