打开APP
userphoto
未登录

开通VIP,畅享免费电子书等14项超值服

开通VIP
工作流程引擎,表单设计器,表单字段的输入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 目录下面。
表单载入时,就把此脚本文件自动的调入到界面上。

本站仅提供存储服务,所有内容均由用户发布,如发现有害或侵权内容,请点击举报
打开APP,阅读全文并永久保存 查看更多类似文章
猜你喜欢
类似文章
【热】打开小程序,算一算2024你的财运
PHP表单验证 | w3cschool菜鸟教程
PHP 表单验证
unity3d和网页数据交互的基本原理
Python Flask-web表单
BootstrapValidator超详细教程
利用JS提交表单的几种方法和验证(必看篇)
更多类似文章 >>
生活服务
热点新闻
分享 收藏 导长图 关注 下载文章
绑定账号成功
后续可登录账号畅享VIP特权!
如果VIP功能使用有故障,
可点击这里联系客服!

联系客服