47. 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑

已于 2024-09-27 15:45:00 修改
阅读量1.7k 收藏 3
点赞数 2
分类专栏： 一套适合 SAP UI5 开发人员循序渐进的学习教程 文章标签： javascript 前端 开发语言 SAP FIORI
于 2022-03-10 20:35:27 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/i042416/article/details/123410743
版权

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

下载到本地后，执行命令行

了解本专栏 订阅专栏 解锁全文
SAP UI5 Currency 数据类型的校验逻辑分析
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
03-22 389
按照 Jerry 这篇文章介绍的代码，运行之后，给类型为 sap.ui.model.type.Currency 的字段设置一个非 number 类型的值之后，触发该数据类型自带的数据校验机制，显示 Enter a number 的错误消息。 SAP UI5 应用开发教程之四十六 - 使用 Message Manager 实现开箱即用的验证(Validation)信息抛出 调试入口在 CompositeBinding.prototype.setExternalValue 函数内部。 if (this.oTy
85. 如何用 OPA5 编写测试用例来测试用户输入文本的功能
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
05-11 1030
本教程之前的系列文章，我们已经学习了如何在测试用例里，用代码的方式，来模拟用户点击 SAP UI5 表格控件的 More 按钮，以及如何编写测试用例来测试包含页面导航功能的 SAP UI5 应用。因为很多 SAP UI5 应用，都提供了允许用户输入文本的方式与应用交互的功能，因此对文本输入功能的自动化测试，也是一个常见的需求。 本文通过一个具体的例子，介绍如何使用 OPA5 编写 SAP UI5 用户文本输入框的测试用例。...
SAPUI5 (17) - 数据校验
王敏的专栏
01-21 2745
对用户输入的数据进行校验，是开发过程中不可少的基本要求。sapui5提供了基于数据类型灵活的校验。本篇介绍常用方法。
SAPUI5 Simple Form 表单示例
谁的博客来着？
07-08 530
效果： Form.xml.view <mvc:View controllerName="ZDEMO_TEST.controller.Form" xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core.mvc" xmlns:core="sap.ui.core" xmlns:f="sap.ui.layout.form" displayBlock="true" xmlns="sap.m"> <Page title="
SAPUI5 (4) - Input组件
dfsaeredf_的博客
11-17 1118
学习目标： 掌握Input一般组件用法 学习内容： 1、 Feed Input 2、 Input List Item 3、 Date Time Input 4、 Mask Input 5、 Multi Input 代码如下： OverView.view.xml // An highlighted block <App> <pages> <Page title="OverView"> <VBox> <Panel he
SAPUI5 (16) - 数据类型
王敏的专栏
01-20 2621
介绍简单数据类型和简单数据类型的输出格式设置。
53. 如何自定义 SAP UI5 数据类型(Data Type)
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
03-23 2217
本教程的前面两个步骤，我们介绍了如何使用 SAP UI5 标准的校验逻辑和自定义校验逻辑，如下图 1 和图 2 所示： 1. SAP UI5 应用开发教程之四十六 - 使用 Message Manager 实现开箱即用的验证(Validation)信息抛出 2. SAP UI5 应用开发教程之四十七 - 如何自定义 SAP UI5 字符串类型输入字段的校验逻辑 本步骤我们介绍如何开发一个全新的数据类型。这个全新的数据类型继承自 SAP UI5 标准的模板类型。...
24. SAP UI5 应用如何使用 OData 数据模型
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
01-30 4482
本教程之前的二十三个步骤，使用的数据模型都是 JSON 模型。从本步骤开始，我们要学习另一种非常重要的数据模型：OData 数据模型。 OData 数据模型也是 SAP 产品里广泛使用的数据模型，比如 SAP S/4HANA，SAP CRM Fiori 应用等等，都使用的是 OData 数据模型而不是 JSON 数据模型。 使用 OData 数据模型的典型场景就是，通过 OData 模型提供的 Read API，将远端服务器上存储的数据通过 OData 协议读取到客户端，并显示在 SAP UI5 应用里。.
46. 使用 Message Manager 实现 SAP UI5 开箱即用的验证(Validation)信息抛出
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
02-25 1627
在本教程第 19 个步骤里，我们曾经学习了 SAP UI5 的数据类型概念： SAP UI5 应用开发教程之十九 - SAP UI5 数据类型和复杂的数据绑定 在这个步骤里，我们以只读方式(Read Only)，显示了数据类型 sap.ui.model.type.Currency 对应的值： 如上图高亮区域所示。 那么，如果是在可编辑(editable)模式下，例如我们给这个 Currency 字段的金额部分，维护一个非数字类型的值。既然 sap.ui.model.type.Currency 是 SAP
判断字符串是否有某个字符
qq_45479398的博客
11-12 2105
判断字符串是否有某个字符 var str='123456abc' str.indexOf('a') 如果有a这个字符就会返回下标 如果没有则返回-1
SAP提示字段不存在，而字段却是系统表
樱桃—小丸纸@的博客
03-22 1420
文章目录问题解决 问题 提示字段不存在，但是却为系统表的字段。 解决 在where的条件中，所使用的字段不对应
SAP-fiori-Model的几种类型及其使用方式
SAP自学之路
05-17 804
Model通俗理解就是数据模型，在C层通过一些处理后把数据存储在这里，在V层去使用，扮演MVC结构中的M Model类型分为JSONModel、ODataModel、ResourceModel、XMLModel 一、JSONModel 在JS中定义局部的Model,只可以在当前页面去使用，API："sap/ui/model/json/JSONModel" sap.ui.define([ "sap/ui/core/mvc/Controller", "sap/ui/model/json/JSONM
SAP 的Currency Type
cnz98144的博客
07-17 721
從SAP撈取費用的時候，發現有一個欄位是CurrencyType，開始的想法是一條記錄里面有Transaction Currency，又有Local Currency，為什么又整一個Currency Type出來，而且它會把一條...
SAP数据类型 C字符型 character
nongcunqq的博客
12-25 1264
ABAP 开发系列(04): ABAP数据类型与数据对象 ABAP Programming Language 的内容主要有： 1.数据类型与数据对象 2.内表和内表结构（Internal Table） 3.数据流控制语句 4.模块化（Modularization） 1.数据类型与数据对象 1.1 ABAP元素数据类型 ABAP元素数据基本类型有以下8种： 类型 描述 长度 标准长度 C 字符 1-65365字符 1位字符 N 数字文本 1-65365字符 1位字符 I 整型 4 位 P 包 1-16位 8
深入学习 SAP UI5 框架代码系列之六：SAP UI5 控件数据绑定的实现原理
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
01-08 775
希望通过本文的介绍，能让大家对SAP UI5控件数据绑定的实现原理有一个最基本的了解。 如果遇到控件绑定不能按照自己的期望工作的时候，不妨试试按照本文提到的这些关键点去调试。 本系列下一篇文章，会介绍SAP UI5控件数据绑定的三种模式：One Way，Two Way和OneTime的实现原理比较。 我的实际工作中发现，了解了SAP UI5这些数据绑定方式的实现，对我近期学习Angular的数据绑定也有一定的借鉴作用。
深入学习SAP UI5框架代码系列之五：SAP UI5控件的实例数据修改和读取逻辑
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
01-06 1117
注释写得很棒，不过setProperty的代码本身的执行逻辑也很清晰。第1295行this.mProperties即SAP UI5控件的实例数据存储结构。上图右上角Watch面板里的含义是，当前setProperty方法调用，需要修改text属性，修改成新的值为"Button1".1295行首先从this.mProperties中取出text属性修改前的值，存储在变量oOldValue里。
如何使用原生的 JavaScript 代码，触发 SAP UI5 按钮控件的点击事件处理函数
2007 年 ~ 2025 年，深耕 SAP 技术 18 年
04-26 1099
我的技术交流群里，有朋友提问： 我有个 UI5 按钮，想用原生 js 去触发 click 事件。在 dom 上检测到 click 已经触发了，但是按按钮的动作响应没有发生。请问如何解决，谢谢。 解决这个问题的理论依据：深入学习SAP UI5框架代码系列之三：HTML原生事件 VS UI5 Semantic事件 我写了一个简单的 SAP UI5 应用，index.html 的完整代码贴在本文末尾。 第一个按钮的点击事件处理函数，逻辑为在其显示文本的末尾添加1，比如触发一次后，button text 显
OpenUI5字段验证库：openui5-validator
OpenUI5 Validator库利用了Ajv提供的强大验证功能，将之集成到OpenUI5项目中，以便开发者可以对UI5字段进行数据校验。 3. JSON模式: JSON模式（JSON Schema）是一种语言，用于描述和验证JSON文档的结构。它为JSON...
评论 6
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

汪子熙

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值