SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑
本教程的前一步骤:使用 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 字符串类型输入字段的校验逻辑相关推荐
- SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之五十三 - 如何自定义 SAP UI5 数据类型(Data Type)试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之十七 - 聚合绑定在 UI5 复合控件中的使用
本教程的前面已经介绍过的步骤里,我们已经接触了以下两种类型的 SAP UI5 控件: (1) 简单控件,比如 Button,Input,FormattedText 等等. (2) 容器控件,比如 Pa ...
- SAP UI5 应用开发教程之六十七 - 基于 OData V4 的 SAP UI5 List-Detail(列表-明细)布局的实现方式试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之五十七 - 基于 OData 注解的 Smart Field 使用方法学习试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之四十八 - 如何在 SAP UI5 应用里开发条形码扫描功能试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之四十九 - 如何在桌面电脑端调试运行在手机上的 SAP UI5 应用试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之七十七 - SAP UI5 动态页面路由的高级用法:路由记录 routes 和 target 的一对多关系试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 教程目录 SAP UI5 本地开发环境的搭建 SAP UI5 应用开发教程之一:Hello World SAP UI5 应用开发教程之二:SAP U ...
- SAP UI5 应用开发教程之一百 - 如何修改 SAP UI5 框架的源代码实现,以及使用本地部署的 SAP UI5 SDK 试读版
一套适合 SAP UI5 初学者循序渐进的学习教程 作者简介 Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今.Jerry 是 SAP 社区导师,S ...
最新文章
- Windows下Nginx的安装及开机启动
- 传感器数据完善 AI 功能,激起机器人“网络效应”
- golang 命名规范和开发规范
- 计算机网络自顶向下方法【七】——链路层
- mysql dump 选项_mysqldump的几个主要选项探究
- gui界面怎么分页_什么是用户界面和体验设计
- 西瓜创客python编程进阶收费_西瓜创客和编程猫有什么不同?哪个更值得报名?...
- MVC和WebForm区别
- Java获取当前时间及String、datetime、date相互转化
- 软件测试—软件测试基础知识—测试用例设计的方法之场景法、正交试验法和错误推断法
- spring mvc tutorial
- 响应面matlab算法,结构可靠度分析的响应面法及其Matlab实现参考文件.pdf
- win7迁移系统0x0000007B蓝屏添加NVMe驱动解决
- ae合成设置快捷键_AE超实用快捷键你了解多少?
- 【cpu温度过高的原因】
- 阿里总参谋长曾鸣:区块链中没有绝对的“去中心化”
- 联想服务器重装系统u盘启动不了怎么办,联想thinkpad无法进入u盘启动怎么办?
- 如何使用Qt绘制时间刻度轴
- php输出源代码,PHP源代码分析-echo实现详解
- eclipse2021版配置maven全过程(详细!!)
热门文章
- php并发访问mysql_php并发对MYSQL造成压力的解决方法_PHP
- (原創) 如何讀取/寫入文字檔? (IC Design) (Verilog)
- Confluence 6 使用 JConsole 监控本地 Confluence
- python json.loads json.dumps(ensure_ascii = False) 汉字乱码问题解决
- 用户权限 组 特殊权限
- IIS的真正并发数及扩展并发的办法
- java excel表格数据导入
- 一起谈.NET技术,Visual Studio自定义调试窗体两个小技巧
- mutt的实现, mutt+msmtp+getmail配置
- VMware下安装CentOS7 无法通过桥接模式进行联网