关键字: 表单设计器, 字段验证. workflow,ccform, ccBPM. 工作流快速开发平台  工作流流设计  业务流程管理   asp.net 开源工作流
bpm工作流系统  java工作流主流框架  自定义工作流引擎

说明:对控件的用户输入采取输入控制,与输入后的校验。比如校验是否是e-mail, 是否是手机号,身份证号等等。

一、设置步骤

操作路径:字段属性, 扩展设置,脚本验证。

字段列表:

验证邮政编码设置:

函数库分为:系统函数库,与我自己定义的函数库。

系统函数库是ccBPM系统自带的函数库,它包括一些基本的,通用类型的验证,比如:电话、邮件、邮政编码。

如果验证需要特殊的验证,那就需要自定义函数库了,如何定义个性化的函数请参考下一章节。

点保存按钮就可以了,系统将会自动返回字段列表。

这样的一个脚本验证就完成了,把它非常方便了为用户的输入完成了验证设置。

二、如何设置自定义验证函数?

按照如下步骤设置:

第1:建立一个js脚本文件。

第2:根据此脚本文件的事件,D:\ccflow\trunk\DataUser\JSLib对应的文件目录里。
比如:onblur事件函数放在onblur目录里,onkeypress事件函数放在onkeypress目录里。

函数名必须为小写,事例如下:

function isMobil(ctrl) {

var patrn = /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;

if (!patrn.exec(ctrl.value))

{

alert('非法的手机号码.');

return false;

}

return true

}

3.脚本验证的工作原理

系统函数的目录为:

D:\ccflow\trunk\Data\JSLib

用户自定义的函数目录为:

D:\ccflow\trunk\DataUser\JSLib

表单设计器自动产生的脚本文件位与

D:\ccflow\trunk\DataUser\JSLibData

在你执行保存时,表单设计器就把所有的函数调取出来,生成一个脚本验证文件,此文件命名的格式为。表单编号+”.js”。并存放在:D:\ccflow\trunk\DataUser\JSLibData 目录下面。

表单载入时,就把此脚本文件自动的调入到界面上。

三、如何通过获取表单控件值(使用ccform内置函数)?

我们知道在ccform表单设计器中有4种控件分别是dropdownlistbox, textbox,checkbox,ridionbutton.

系统内置了三个函数,分别是获取相应对象的值,请参考以上图片。

ReqTB 获取TextBox类型字段的输入值。

ReqDDL 获取DropDownListbox的选择值。

ReqCB 获取CheckBox的值。

四、如何在提交前做一个完整的表单输入验证?

关键字: ccform 字段验证工作流程引擎提交前输入完整性验证

设置步骤:

建立一个自定义的js文件,放在D:\ccflow\trunk\DataUser\JSLibData\下面。

命名格式为表单ID+”_Self.js”。比如:ND1701_Self.js

在自定义js文件(ND1701_Self.js)中创建一个一个校验函数。

3, 打开该节点属性=》找到功能按钮标签与状态=》发送按钮标签=》按钮js函数文本框中填写:   return IsSubmit();

五、 扩展阅读1 -用一个控件操作控制其它控件属性

如何使用ccform 用一个控件操作控制其它控件属性。

对一个控件的操作让其控制其他的控件属性的变化,这样的场景比较多。比如:一个checkbox是填写更多资料,当用户选择这个checkbox时,其他的数据控件是可以填写的否则是不可以填写的。

如何在ccform中实现它?请按照如下步骤设置:

1, 创建一个表单比如:

2,创建该表单的JS文件。

3,处理设置.

在该字段上点扩展属性,然后找到【正则表达式/事件】

4, 设置到属性里

5, 预览并调试效果。

选择前:

选择后:

Java工作流引擎表单引擎之JS表单字段输入脚本验证的更多相关文章

  1. java:JavaScript2:(setTimeout定时器,history.go()前进/后退,navigator.userAgent判断浏览器,location.href,五种方法获取标签属性,setAttribute,innerHTML,三种方法获取form表单信息,JS表单验证,DOM对象,form表单操作)

    1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> ...

  2. 关于广州xx公司对驰骋BPM, 流程引擎表单引擎 常见问题解答

    关于广州xx公司对驰骋BPM, 流程引擎表单引擎 常见问题解答 @驰骋工作流,ccflow周朋 周总早, ccflow 功能很强大,在体验过程中,以下几个问题需沟通下: 先使用.net 再使用java ...

  3. Activiti系列: 如何添加自定义表单引擎

    这个功能挺有意思的,有了它,就可以不适用html的方式来展示表单了,比如可以用swing对象了 class MyFormEngine implements FormEngine {     @over ...

  4. ccflow_002.表单引擎与流程引擎的关系

    本节主要内容 表单.数据.流程引擎的关系 图形展示三者之间的关系 流程编号和节点编号命名规则 这里的206就是这个流程的编号 2601:01就是当前节点的编号 流程编号206转换为int类型之后加上0 ...

  5. MyReport.Form表单引擎

    MyReport.Form表单引擎.主要提供表单模板的设计以及表单模板的预览填报等功能集合. 支持文本框.选择框.数字框.日期框.图片框.组合框.弹出框等经常使用控件. watermark/2/tex ...

  6. 驰骋BPM系统-表单引擎-流程引擎 2020年大换装

      关键字:驰骋表单引擎,流程引擎,界面升级. 前言概述: 感谢美工与同事们的辛苦工作,ccbpm新年大换装,迎接爱好着,为这阴霾多日的疫情气愤增添一笔光彩. 本次的色系以浅灰色为主,因为ccbpm大 ...

  7. ajax和servlet交互,表单日历插件,表单验证,form.js

    我的index.jsp <body> <a>点我获取数据</a> <table border=1px> <tr> <td>ID& ...

  8. js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题

    js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...

  9. 自制“低奢内”CSS3注册表单,包含JS验证哦。请别嫌弃,好吗?。

    要求 必备知识 基本了解CSS语法,初步了解CSS3语法知识.和JS/JQuery基本语法. 开发环境 Adobe Dreamweaver CS6 演示地址 演示地址 预览截图(抬抬你的鼠标就可以看到 ...

随机推荐

  1. Git同步本地项目文件到github

    1.登录自己的github账号,并创建一个存放项目代码的仓库 输入仓库名称后,点击create,然后来到完成后的页面,copy下以下内容,后面会用到 2.打开本地的git 安装好git后,打开git的 ...

  2. python数据分析pandas中的DataFrame数据清洗

    pandas中的DataFrame中的空数据处理方法: 方法一:直接删除 1.查看行或列是否有空格(以下的df为DataFrame类型,axis=0,代表列,axis=1代表行,以下的返回值都是行或列 ...

  3. opencv简介以及环境搭建

    1.opencv简介 opencv:全称:Open Source Computer Vision Library 是一个跨平台的计算机视觉库 可用于开发实时的图像处理.计算机视觉以及模式识别程序 应用 ...

  4. 【日常错误】spring-boot配置文件读取不到

    最近在用spring-boot做项目时,遇到自定义的配置文件无法读取到的问题,通过在appcation.java类上定义@PropertySource(value = {"classpath ...

  5. Centos 6.x Openssh 升级 7.7p1 版本

    OpenSSH 升级 目前在一家金融公司上班,正好赶上金融公司各种暴雷,本人心里慌慌的. 然后就是金融公司要进行的最低的三级等保评测,各种修改系统安全,密码强度.WAF.防火墙等各种. 评测公司对我司 ...

  6. ftp 客户端 上传

    ps: 1.使用netkit-ftp-0.17交叉编译出来的ftp客户端, 2.然后写上传代码,调用ftp传服务器: 3.最好使用bin二进制文件形式传输: 4.ftp客户端和Ubuntu自带的ftp ...

  7. Bootstrap 元素居中设置

    一.Bootstrap水平居中 1. 文本:class ="text-center" 2. 图片居中:class = "center-block" 3.其他元素 ...

  8. NSURLSession的用法

    -(void)touchesBegan:(NSSet<UITouch *> *)touches withEvent:(UIEvent *)event{ //[self getTest]; ...

  9. go基础之json格式数据处理

    go基础之json格式数据处理 1.结构体小写问题导致出错 2.struct没有正确加tag 3.struct加上tag 4.struct tag扩展 go基础之json格式数据处理 go标准库里面提 ...

  10. python3如何随机生成大数据存储到指定excel文档里

    本次主要采用的是python3的第三方库xlwt,来创建一个excel文件.具体步骤如下: 1.确认存储位置,文件命名跟随时间格式 2.封装写入格式 3.实现随机数列生成 4.定位行和列把随机数写入 ...