基于自定义属性Web客户端统一验证JavaScript函数库组件(ChkInputs)概述.pdf

基于自定义属性的 Web 客户端统一验证 JavaScript 函数库 组件(ChkInputs)概述 摘要：ChkInputs 是一个支持多浏览器，方便，高效率，超轻巧的 Web 客户端统一验证 JavaScript 函数库组件。所支持的浏览器包括 IE 、Firefox 、Opera、傲游、腾讯、KylinBrowser 、 搜狗、世界之窗等各种浏览器。 目录 一、函数库的结构 2 二、函数库的配置 2 三、函数库自定义属性的含义2 四、自定义属性的添加3 五、常用功能使用介绍4 1、 即时验证4 2、 全部验证5 3 、 分组验证5 4、 指定验证6 5、设置即时显示下拉选项6 6、预处理所有控件的即时功能7 六、其它功能 7 七、结束语 7 八、相关下载地址： 7 1 一、函数库的结构 1 、ChkInputs.js ：函数库的源文件。 2 、ChkInputs.min.js ：函数库经瘦身之后的文件，也是实际使用时引用的文件，只须该 文件一个即可。 实际使用时，将函数库放到你的系统所指定的文件夹中。如示例所示，放在名称为 JS 的文件夹下，在head/head里加入该文件，写法如下： script language=javascript src=JS/ChkInputs.min.js /script 或 script type=text/javascript src=JS/ChkInputs.min.js /script 二、函数库的配置 函数库提供了不同验证方式的全局配置，都有默认选项，通常使用默认选项即可，当然 也可根据自身喜好定制，具体说明如下： 1、m_msgType ：提示信息类型( 1 ：弹出单个提示；2 ：弹出全部提示(默认选项) ；3 ： 页面控件静态显示) 。 2 、m_MessageId ：m_msgType = 3 时用于页面控件静态显示验证信息的控件 ID，该控 件在页面必须存在否则找不到控件对象无法显示验证信息。 3、m_AttributeFlag ：设置自定义属性是否区分大小写标示（0 不区分大小写(默认选项) ； 1 区分大小写）。 4 、m_TrimFlag ：设置验证字符串长度是否包含两边空白部分（0 不包含，即过滤两边 空白（默认选项）；1 包含，即不过滤两边空白) 。 5、m_split ：设置valuerange 组合值的分隔符，默认|；可以修改，如m_split= ┋等。 6、m_Alert_Mode ：设置提示框(chkAlert)的模式，默认 0 ：alert ；也可自定义修改弹出 窗口样式(在 chkAlert 函数中加入) 三、函数库自定义属性的含义 为实现统一验证的需要，函数库为需要进行数据校验的控件自定义了新的不同属性，这 些属性除(chinese)外都是可选属性(chinese 属性未设置则不验证该控件) ，详细含义说明如下： 1、chinese ：表示该控件的中文名称，同时标示待验证控件(必设属性,未设置的控件将直接 跳过,不予验证) ，并在校验出错时显示所用。 2 、maxsize ：表示允许输入的最大长度，这个长度是以字节为单位计算的。 3、nullable ：表示输入值是否允许为空。为no 时不允许为空；非no 为可空，此时可不配置 该属性。 4 、datatype ：表示输入值的数据类型。数据类型的属性值用户可以根据需要选用。 目前支持： number ： 正整数数字字符串 int ：整数数字字符串(可正可负)(integer) float ： 浮点型数字字符串(可正可负) alphanumeric ： 只包含字母和数字的字符串 date ： 日期