Java工做流引擎表單引擎之JS表單字段輸入腳本驗證

關鍵字: 表單設計器, 字段驗證. workflow,ccform, ccBPM. 工做流快速開發平臺  工做流流設計  業務流程管理   asp.net 開源工做流
bpm工做流系統  java工做流主流框架  自定義工做流引擎

說明：對控件的用戶輸入採起輸入控制，與輸入後的校驗。好比校驗是不是e-mail, 是不是手機號，身份證號等等。

1、設置步驟

操做路徑：字段屬性, 擴展設置，腳本驗證。

字段列表:

驗證郵政編碼設置:

函數庫分爲：系統函數庫，與我本身定義的函數庫。

系統函數庫是ccBPM系統自帶的函數庫，它包括一些基本的，通用類型的驗證，好比：電話、郵件、郵政編碼。

若是驗證須要特殊的驗證，那就須要自定義函數庫了，如何定義個性化的函數請參考下一章節。

點保存按鈕就能夠了，系統將會自動返回字段列表。

這樣的一個腳本驗證就完成了，把它很是方便了爲用戶的輸入完成了驗證設置。

2、如何設置自定義驗證函數?

按照以下步驟設置：

第1：創建一個js腳本文件。

第2：根據此腳本文件的事件，D:\ccflow\trunk\DataUser\JSLib對應的文件目錄裏。
好比：onblur事件函數放在onblur目錄裏，onkeypress事件函數放在onkeypress目錄裏。

函數名必須爲小寫,事例以下：

function isMobil(ctrl) {     var patrn = /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;     if (!patrn.exec(ctrl.value))     {        alert('非法的手機號碼.');        return false;     }     return true }

 

3.腳本驗證的工做原理

系統函數的目錄爲：

D:\ccflow\trunk\Data\JSLib

 

用戶自定義的函數目錄爲：

D:\ccflow\trunk\DataUser\JSLib

 

表單設計器自動產生的腳本文件位與

D:\ccflow\trunk\DataUser\JSLibData

 

在你執行保存時，表單設計器就把全部的函數調取出來，生成一個腳本驗證文件，此文件命名的格式爲。表單編號+」.js」。並存放在：D:\ccflow\trunk\DataUser\JSLibData 目錄下面。

 

表單載入時，就把此腳本文件自動的調入到界面上。

3、如何經過獲取表單控件值(使用ccform內置函數)？

咱們知道在ccform表單設計器中有4種控件分別是dropdownlistbox, textbox,checkbox,ridionbutton.

 

系統內置了三個函數，分別是獲取相應對象的值，請參考以上圖片。

ReqTB 獲取TextBox類型字段的輸入值。

ReqDDL 獲取DropDownListbox的選擇值。

ReqCB 獲取CheckBox的值。

4、如何在提交前作一個完整的表單輸入驗證?

關鍵字: ccform 字段驗證工做流程引擎提交前輸入完整性驗證

設置步驟：

創建一個自定義的js文件，放在D:\ccflow\trunk\DataUser\JSLibData\下面。

命名格式爲表單ID+」_Self.js」。好比:ND1701_Self.js

在自定義js文件(ND1701_Self.js)中建立一個一個校驗函數。

3, 打開該節點屬性=》找到功能按鈕標籤與狀態=》發送按鈕標籤=》按鈕js函數文本框中填寫:   return IsSubmit();

 

5、 擴展閱讀1 -用一個控件操做控制其它控件屬性

如何使用ccform 用一個控件操做控制其它控件屬性。

對一個控件的操做讓其控制其餘的控件屬性的變化，這樣的場景比較多。好比：一個checkbox是填寫更多資料，當用戶選擇這個checkbox時，其餘的數據控件是能夠填寫的不然是不能夠填寫的。

如何在ccform中實現它？請按照以下步驟設置：

 

1, 建立一個表單好比：

 

 

 

 

2，建立該表單的JS文件。

 

 

 

3，處理設置.

 

在該字段上點擴展屬性，而後找到【正則表達式/事件】

 

 

 

4, 設置到屬性裏

 

 

 

5, 預覽並調試效果。

 

選擇前：

 

選擇後：