SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑
本教程的前一步驟:使用 Message Manager 實(shí)現(xiàn)開箱即用的驗(yàn)證(Validation)信息拋出,我們介紹了如何對(duì)綁定到 SAP UI5 標(biāo)準(zhǔn)的數(shù)據(jù)類型 sap.ui.model.type.Currency 的輸入控件進(jìn)行數(shù)值校驗(yàn)。
如下圖所示:貨幣輸入字段的金額部分應(yīng)該為一個(gè) Number,如果我們輸入一些字母,就會(huì)報(bào) Enter a number 的錯(cuò)誤消息。
如果這個(gè)字段的類型改成 SAP UI5 標(biāo)準(zhǔn)的字符串類型 String,則又應(yīng)該如何實(shí)現(xiàn)校驗(yàn)邏輯呢?本文就來介紹這個(gè)需求的實(shí)現(xiàn)步驟。
本步驟實(shí)現(xiàn)代碼的地址:https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/47
下載到本地后,執(zhí)行命令行 npm install 安裝依賴,然后執(zhí)行命令行 ui5 serve 啟動(dòng)本地服務(wù)器,訪問 url:http://localhost:8080
假設(shè)我們要實(shí)現(xiàn)的需求是,有一個(gè)綁定值為 String 類型的輸入字段,當(dāng)用戶輸入的字符長度小于 1 或者大于 10 時(shí),彈出錯(cuò)誤提示消息。例如下圖所示:
總結(jié)
以上是生活随笔為你收集整理的SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 微信云端备份在哪里
- 下一篇: SAP UI5 应用开发教程之四十七 -