本教程的前一步骤:使用 Message Manager 实现开箱即用的验证(Validation)信息抛出,我们介绍了如何对绑定到 SAP UI5 标准的数据类型 sap.ui.model.type.Currency 的输入控件进行数值校验。

如下图所示:货币输入字段的金额部分应该为一个 Number,如果我们输入一些字母,就会报 Enter a number 的错误消息。

如果这个字段的类型改成 SAP UI5 标准的字符串类型 String,则又应该如何实现校验逻辑呢?本文就来介绍这个需求的实现步骤。

本步骤实现代码的地址:https://github.com/wangzixi-diablo/ui5-tutorial/tree/main/47

下载到本地后,执行命令行 npm install 安装依赖,然后执行命令行 ui5 serve 启动本地服务器,访问 url:http://localhost:8080

假设我们要实现的需求是,有一个绑定值为 String 类型的输入字段,当用户输入的字符长度小于 1 或者大于 10 时,弹出错误提示消息。例如下图所示:

SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑相关推荐

  1. SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  2. SAP UI5 应用开发教程之五十三 - 如何自定义 SAP UI5 数据类型(Data Type)试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  3. SAP UI5 应用开发教程之十七 - 聚合绑定在 UI5 复合控件中的使用

    本教程的前面已经介绍过的步骤里,我们已经接触了以下两种类型的 SAP UI5 控件: (1) 简单控件,比如 Button,Input,FormattedText 等等. (2) 容器控件,比如 Pa ...

  4. SAP UI5 应用开发教程之六十七 - 基于 OData V4 的 SAP UI5 List-Detail(列表-明细)布局的实现方式试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  5. SAP UI5 应用开发教程之五十七 - 基于 OData 注解的 Smart Field 使用方法学习试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  6. SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  7. SAP UI5 应用开发教程之四十九 - 如何在桌面电脑端调试运行在手机上的 SAP UI5 应用试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  8. SAP UI5 应用开发教程之七十七 - SAP UI5 动态页面路由的高级用法:路由记录 routes 和 target 的一对多关系试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...

  9. SAP UI5 应用开发教程之一百 - 如何修改 SAP UI5 框架的源代码实现,以及使用本地部署的 SAP UI5 SDK 试读版

    一套适合 SAP UI5 初学者循序渐进的学习教程 作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...

最新文章

  1. Windows下Nginx的安装及开机启动
  2. 传感器数据完善 AI 功能,激起机器人“网络效应”
  3. golang 命名规范和开发规范
  4. 计算机网络自顶向下方法【七】——链路层
  5. mysql dump 选项_mysqldump的几个主要选项探究
  6. gui界面怎么分页_什么是用户界面和体验设计
  7. 西瓜创客python编程进阶收费_西瓜创客和编程猫有什么不同?哪个更值得报名?...
  8. MVC和WebForm区别
  9. Java获取当前时间及String、datetime、date相互转化
  10. 软件测试—软件测试基础知识—测试用例设计的方法之场景法、正交试验法和错误推断法
  11. spring mvc tutorial
  12. 响应面matlab算法,结构可靠度分析的响应面法及其Matlab实现参考文件.pdf
  13. win7迁移系统0x0000007B蓝屏添加NVMe驱动解决
  14. ae合成设置快捷键_AE超实用快捷键你了解多少?
  15. 【cpu温度过高的原因】
  16. 阿里总参谋长曾鸣:区块链中没有绝对的“去中心化”
  17. 联想服务器重装系统u盘启动不了怎么办,联想thinkpad无法进入u盘启动怎么办?
  18. 如何使用Qt绘制时间刻度轴
  19. php输出源代码,PHP源代码分析-echo实现详解
  20. eclipse2021版配置maven全过程(详细!!)

热门文章

  1. php并发访问mysql_php并发对MYSQL造成压力的解决方法_PHP
  2. (原創) 如何讀取/寫入文字檔? (IC Design) (Verilog)
  3. Confluence 6 使用 JConsole 监控本地 Confluence
  4. python json.loads json.dumps(ensure_ascii = False) 汉字乱码问题解决
  5. 用户权限 组 特殊权限
  6. IIS的真正并发数及扩展并发的办法
  7. java excel表格数据导入
  8. 一起谈.NET技术,Visual Studio自定义调试窗体两个小技巧
  9. mutt的实现, mutt+msmtp+getmail配置
  10. VMware下安装CentOS7 无法通过桥接模式进行联网