Java工作流引擎表单引擎之JS表单字段输入脚本验证
关键字: 表单设计器, 字段验证. 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表单字段输入脚本验证的更多相关文章
- java:JavaScript2:(setTimeout定时器,history.go()前进/后退,navigator.userAgent判断浏览器,location.href,五种方法获取标签属性,setAttribute,innerHTML,三种方法获取form表单信息,JS表单验证,DOM对象,form表单操作)
1.open,setTimeout,setInterval,clearInterval,clearTimeout <!DOCTYPE> <html> <head> ...
- 关于广州xx公司对驰骋BPM, 流程引擎表单引擎 常见问题解答
关于广州xx公司对驰骋BPM, 流程引擎表单引擎 常见问题解答 @驰骋工作流,ccflow周朋 周总早, ccflow 功能很强大,在体验过程中,以下几个问题需沟通下: 先使用.net 再使用java ...
- Activiti系列: 如何添加自定义表单引擎
这个功能挺有意思的,有了它,就可以不适用html的方式来展示表单了,比如可以用swing对象了 class MyFormEngine implements FormEngine { @over ...
- ccflow_002.表单引擎与流程引擎的关系
本节主要内容 表单.数据.流程引擎的关系 图形展示三者之间的关系 流程编号和节点编号命名规则 这里的206就是这个流程的编号 2601:01就是当前节点的编号 流程编号206转换为int类型之后加上0 ...
- MyReport.Form表单引擎
MyReport.Form表单引擎.主要提供表单模板的设计以及表单模板的预览填报等功能集合. 支持文本框.选择框.数字框.日期框.图片框.组合框.弹出框等经常使用控件. watermark/2/tex ...
- 驰骋BPM系统-表单引擎-流程引擎 2020年大换装
关键字:驰骋表单引擎,流程引擎,界面升级. 前言概述: 感谢美工与同事们的辛苦工作,ccbpm新年大换装,迎接爱好着,为这阴霾多日的疫情气愤增添一笔光彩. 本次的色系以浅灰色为主,因为ccbpm大 ...
- ajax和servlet交互,表单日历插件,表单验证,form.js
我的index.jsp <body> <a>点我获取数据</a> <table border=1px> <tr> <td>ID& ...
- js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题
js模拟form表单提交数据, js模拟a标签点击跳转,避开使用window.open引起来的浏览器阻止问题 js模拟form表单提交数据源码: /** * js模拟form表单提交 * @param ...
- 自制“低奢内”CSS3注册表单,包含JS验证哦。请别嫌弃,好吗?。
要求 必备知识 基本了解CSS语法,初步了解CSS3语法知识.和JS/JQuery基本语法. 开发环境 Adobe Dreamweaver CS6 演示地址 演示地址 预览截图(抬抬你的鼠标就可以看到 ...
随机推荐
- enable_shared_from_this用法分析
一.背景 在为什么需要异步编程文章末尾提到,"为了使socket和缓冲区(read或write)在整个异步操作的生命周期一直保持活动,我们需要采取特殊的保护措施.你的连接类需要继承自enab ...
- All-in-one 的Serving分析
export_func.export(model, sess, signature_name=mission, version=fold + 1) def export(model, sess, si ...
- ctf线下赛中关闭非法用户shell脚本
linux中三类用户:根用户,虚拟用户,普通用户. 其中普通用户的UID一般介于500-6000之间. #!/bin/bash for uid in $( cat /etc/passwd | cut ...
- NIO-概览
目录 NIO-概览 目录 前言 什么是NIO 通道 缓冲区 选择器 其他 管道 FileLock 参考文档 NIO-概览 目录 NIO-概览 前言 本来是想学习Netty的,但是Netty是一个NIO ...
- 【开发工具 - Git】之本地项目托管到远程仓库
这里所说的“本地项目托管到远程仓库”,说的是:例如,我们在本地有一个写了很长时间的项目,现在想要托管到GitHub或码云上进行版本控制. 这个过程大致需要以下几个步骤: (1)在本地初始化Git项目本 ...
- Java 从入门到进阶之路(十)
之前的文章我们介绍了一下 Java 中的引用型数组类型,接下来我们再来看一下 Java 中的继承. 继承的概念 继承是java面向对象编程技术的一块基石,因为它允许创建分等级层次的类. 继承就是子类继 ...
- 关于使用Java Mail发邮件的问题
今天做东西的时候突然遇到需要发邮件的问题,然后就使用SMTP协议进行邮件的发送.用了一个工具类简化邮件发送的功能, 在这次试验中,我使用了自己的QQ邮箱进行发送邮件的发送者. public class ...
- 在vue中使用基于d3为基础的dagre-d3.js搞定一个流程图组件
项目中想搞定一个流程图,开始使用了阿里的G6,但是G6目前不支持手势,这样就很郁闷了,因为公司的领导都是使用iPad看的,你不支持手势是不行的,后来又想到了百度的echarts,试了试,感觉还不错,手 ...
- react之高阶组件(一)
当两个或多个组件有相同的地方,可以将相同的部分抽离出来 先创建三个组件A.B.C A.js import React, { Component } from 'react' class A exten ...
- 如何编写可怕的Java代码?
我决定告诉你如何编写可怕的Java代码.如果你厌倦了所有这些美丽的设计模式和最佳实践,并且想写些疯狂的东西,请继续阅读. 如果你正在寻找有关如何编写良好代码的建议,请查看其它文章! 对一切使用异常 你 ...