# 验证输入内容是否符合要求

# 需求场景

新建订单信息页面,要求订单名称仅支持中文,订单代码仅支持英文或数字,订单详情不为空且详情字数不超过100字。image-20230410142458268

# 操作步骤

# 使用表单

1、拖拽面板组件到工作台并删除文本,拖拽表单到面板。

image-20230410113248525

2、添加3个副本,并修改表单项文本,修改占位符文本。

image-20230410134808843

3、分别选择表单项 > 验证规则,添加验证规则。

image-20230410133900525image-20230609114013695

image-20230609114051096

4、为立即创建按钮添加点击事件,并添加局部变量类型为ValidateEvent。

image-20230410134246736

5、添加表单的validate逻辑并将值赋值给局部变量,并判断表单数据是否符合要求。image-20230410134616700

6、点击开发环境测试,验证输入内容是否符合要求。

image-20230608193641395

# 使用验证器

1、拖拽面板到工作台,修改面板标题文字。并拖拽线性布局 > 多行布局到面板。

image-20230410135522804

2、拖拽文本、验证器和按钮到线性布局中,并将单行输入放置到验证器中。

image-20230410140126253

3、添加2个线性布局副本、并修改文本及占位符。

image-20230410140635480

4、分别选择验证器 > 规则,添加对应规则。

image-20230410140727730image-20230410140838583image-20230410140912901

5、为立即创建按钮添加点击事件,并添加3个局部变量,类型为ValidateEvent。

image-20230410141248818

6、分别添加验证器的内置逻辑并将值赋值给局部变量,并判断单行输入数据是否符合要求。

image-20230410142153688

7、点击开发环境预览,输入数据判断数据是否符合要求。

image-20230410142317973image-20230410142344056

上次更新: 2023年06月26日