工作流程引擎，表单设计器，表单字段的输入js脚本验证,设计思路,实现原理介绍...

工作流程引擎，表单设计器，表单字段的输入js脚本验证,设计思路,实现原理

--------------------------------------------------------------------

关键字: 表单设计器, 字段验证. workflow,freefrm, ccflow.
说明：对控件的用户输入采取输入控制，与输入后的校验。比如校验是否是e-mail, 是否是手机号，身份证号等等。
设置步骤
操作路径：字段属性, 扩展设置，脚本验证。
字段列表:
 

验证邮政编码设置:
 
函数库分为：系统函数库，与我自己定义的函数库。
系统函数库是ccflow系统自带的函数库，它包括一些基本的，通用类型的验证，比如：电话、邮件、邮政编码。
我
如果验证需要特殊的验证，那就需要自定义函数库了，如何定义个性化的函数请参考下一章节。
点保存按钮就可以了，系统将会自动返回字段列表。
这样的一个脚本验证就完成了，把它非常方便了为用户的输入完成了验证设置。

如何设置自定义验证函数?
按照如下步骤设置：
1， 建立一个js脚本文件。
2， 根据此脚本文件的事件，D:\ccflow\VisualFlow\DataUser\JSLib 对应的文件目录里。
比如 ：onblur 事件函数放在onblur目录里，onkeypress事件函数放在onkeypress目录里。
3， 函数名必须为小写,事例如下：
function isMobil(ctrl) {
    var patrn = /^[+]{0,1}(\d){1,3}[ ]?([-]?((\d)|[ ]){1,12})+$/;
    if (!patrn.exec(ctrl.value))
    {
       alert('非法的手机号码.');
       return false;
    }
    return true
}

脚本验证的工作原理
系统函数的目录为：
D:\ccflow\VisualFlow\Data\JSLib

用户自定义的函数目录为：
D:\ccflow\VisualFlow\DataUser\JSLib

表单设计器自动产生的脚本文件位与
D:\ccflow\VisualFlow\DataUser\JSLibData

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

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

来自 “ ITPUB博客 ” ，链接：http://blog.itpub.net/26223628/viewspace-706193/，如需转载，请注明出处，否则将追究法律责任。

转载于:http://blog.itpub.net/26223628/viewspace-706193/