历史版本14 :JS实现对控件输入值的及时校验 返回文档
编辑时间: 内容长度:图片数:目录数: 修改原因:

目录:

1. 概述编辑

1.1应用场景

有时用户希望填报控件中输入的字符串必须符合一定的格式,若不满足格式则弹出警告提醒,如下图所示:

2020-09-24_23-46-49.gif

2. 实现思路编辑

在控件的编辑结束事件中,定义好符号标准的字符串的正则表达式,然后使用JS的test方法判断控件的值与正则表达式是否匹配。

test方法的意义是返回一个 Boolean 值,它指出在被查找的字符串中是否存在某种模式,存在则返回 true,否则返回 false;

使用方式为:rgexp.test(str),其中 rgexp 表示包含正则表达式模式或可用标志的正则表达式对象,str 表示要在其上测试查找的字符串。

3. 示例编辑

3.1模板设计

在A1单元格输入发文字号,并在B1单元格中添加文本控件,如下所示:

image.png

3.2 定义正则表达式

定义一个标准的发文字号,由发文机关代字、发文年份和文件顺序号三个部分组成,对应的正则表达式为[\u4e00-\u9fa5]\(\d{4}\)[1-9]\d*号$

3.3 编辑结束事件设置

给B1单元格的文本控件添加编辑结束事件,JS 如下:

var ch = this.getValue();
var patrn = /[\u4e00-\u9fa5]\(\d{4}\)[1-9]\d*号$/;
if(!patrn.test(ch)){
  FR.Msg.alert(FR.i18n.Alert, "文号格式错误,正确文号如:国土资函(2010)88号");
  return false;
}

4.效果查看编辑

保存并点击填报预览,如果文本框中输入的数据或者编辑的内容不符合正则表达式:[\u4e00-\u9fa5]\(\d{4}\)[1-9]\d*号$,就会弹出警告如下所示:

2020-09-24_23-46-49.gif

5.模板下载编辑

点击下载模板:

JS实现正则表达式校验.cpt