JS实现及时校验

1.1 应用场景

在填报过程中，有时用户希望在编辑完数据后跟其他某个单元格数据进行对比校验，若不符合要求及时弹出提醒，如下图所示：

1.2 实现思路

为控件添加编辑后事件，获取控件值及校验单元格的值，若不符合则弹出消息框提示。

2.1 模板设计

按照下面说明进行报表设计

• 在B1单元格及D1单元格输入编辑值及对比值作为表头。

• 在B2单元格添加数字控件，在B3单元格添加文本控件。

• 在D2单元格输入对比值6，D3单元格输入对比值abc。

  具体如下图所示：

2.2 添加事件

1）选中B2单元格数字控件，为控件添加编辑后事件，具体如下图所示：

JS代码如下：

var D2value = contentPane.curLGP.getCellValue("D2"); //获取D2单元格的值
if (this.getValue()*1 < D2value){     //判断输入值是否小于D2单元格值
   FR.Msg.alert(FR.i18n.Alert, "该值不能小于" + D2value);     //弹出对话框
   return false;
}

2）选中B3单元格文本控件，添加编辑后事件，具体J如下图所示：

JS代码如下：

var D3value = contentPane.curLGP.getCellValue("D3"); //获取D3单元格的值
if (this.getValue()*1 != D3value){     //判断输入值是否与D3单元格相等
   FR.Msg.alert(FR.i18n.Alert, "该值应等于" + D3value);     //弹出对话框
   return false;
}

2.3 效果预览

保存模板并点击填报预览，具体效果如下：

注：不支持移动端

点击下载模板：

JS实现及时校验.cpt