JS实现的通用表单验证插件完整实例_javascript技巧

来源：动视网责编：小采时间：2020-11-27 21:42:28

JS实现的通用表单验证插件完整实例_javascript技巧

JS实现的通用表单验证插件完整实例_javascript技巧:本文实例讲述了JS实现的通用表单验证插件。分享给大家供大家参考。具体如下：这里演示一个通用的JS表单验证插件代码。使用方法：第一步：需设定表单项数据类型，第二步：实例表单验证，验证错误提示说明（程序有自带相关错误提示，可自定义每项验证错误提示

推荐度：

点击下载本文 文档为doc格式

导读JS实现的通用表单验证插件完整实例_javascript技巧:本文实例讲述了JS实现的通用表单验证插件。分享给大家供大家参考。具体如下：这里演示一个通用的JS表单验证插件代码。使用方法：第一步：需设定表单项数据类型，第二步：实例表单验证，验证错误提示说明（程序有自带相关错误提示，可自定义每项验证错误提示

本文实例讲述了JS实现的通用表单验证插件。分享给大家供大家参考。具体如下：

这里演示一个通用的JS表单验证插件代码。使用方法：第一步：需设定表单项数据类型，第二步：实例表单验证，验证错误提示说明（程序有自带相关错误提示，可自定义每项验证错误提示时文本，只需添加msg）。

运行效果截图如下：

在线演示地址如下：

http://demo.jb51.net/js/2015/js-normal-table-check-plug-codes/

具体代码如下：

无标题文档

使用方法

第一步：需设定表单项数据类型

第二步：实例表单验证

new ValidatorForm(表单对象);

dataType可选参数

基础验证
email	Email地址	均可配合中括号使用，例如长度验证：chinese[1,10]　为限制只能输入1-10个全角字符，注：一个全角字符长度为2 数字大小验证：number[18,26]　为限制只能输入18-26的数字日期范围验证：date[1970-1-1,2012-12-12]　为限制1970-1-1至2012-12-12日期上限及下限设定下限设定：chinese[1,]　至少输入1个或以上有效字符上限设定：chinese[,6]　最多输入6个有效字符 number和date格式也类式
tel	电话：支持手机/固话，识别区号及全半角逗号分隔多项
mobile	手机号码
url	网址
number	数字
english	英文字母
chinese	全角字符
username	帐号：字母开头4-20位的字母数字加下划线组合
password	密码：4-20位字母数字或@!#$%^&*.~组合
date	日期
length	长度：格式“length[最小长度,最大长度]”
其它验证
Compare	值对比：格式“Compare[比较符比较对象,比较类型]” 比较符包括[>,>=,<,<=,!=,=] 比较对象为表单项name,当表单有同名name值多项时取第一项比较类型可选值[text,number,date]分别为[字符比较,数字比较,日期比较]，留空时对当前项值自动识别后对比例如Compare[=password]
exec	自定义函数：格式“exec[函数名]” 传入当前输入框对象，返回json格式“{stat:结果[true/false],msg:提示文本,msgCss:样式[className],inCss:输入框样式[className]}”，stat为验证结果是否正确为必须返回项，其它项留空使用默认设置[inCss暂时未使用]