比较彪悍的全能表单数据验证JS

表单的验证一直是网页设计者头痛的问题,今天给大家分享一款由我佛山人编写的表单数据验证脚本Validator。使用十分方便,只需三步即可让你轻松完成诸如身份证号码、手机号码、邮政编码、必填项、必选项、文件上传验证等复杂的表单验证工作,解放精力来继续其他开发工作。

Validator是基于JavaScript技术的伪静态类和对象的自定义属性,可以对网页中的表单项输入进行相应的验证,允许同一页面中同时验证多个表单,熟悉接口之后也可以对特定的表单项甚至仅仅是某个字符串进行验证。因为是伪静态类,所以在调用时不需要实例化,直接以”类名+.语法+属性或方法名”来调用。此外,Validator还提供3种不同的错误提示模式,以满足不同的需要。

Validator目前可实现的验证类型有:
[JavaScript] 版
Validator目前可实现的验证类型有:

  1. 是否为空;
  2. 中文字符;
  3. 双字节字符
  4. 英文;
  5. 数字;
  6. 整数;
  7. 实数;
  8. Email地址;
  9. 使用HTTP协议的网址;
  10. 电话号码;
  11. 货币;
  12. 手机号码;
  13. 邮政编码;
  14. 身份证号码(1.05增强);
  15. QQ号码;
  16. 日期;
  17. 符合安全规则的密码;
  18. 某项的重复值;
  19. 两数的关系比较;
  20. 判断输入值是否在(n, m)区间;
  21. 输入字符长度限制(可按字节比较);
  22. 对于具有相同名称的单选按钮的选中判断;
  23. 限制具有相同名称的多选按钮的选中数目;
  24. 自定义的正则表达式验证;
  25. 文件上传格式过滤(1.04)

运行环境(客户端):
在Windows下用IE、Chrome、Opera和Mozilla Firefox测试通过。

对于客户端的表单验证,这个基于JavaScript编写的Validator基本上都可以满足,具体可以下载CHM文件: Validator.CHM下载 Validator.CHM下载(备用)

另附:JS引用版Validator DEMO下载

使用中可以按照自己的要求对JS或者表单进行修改。基本可以分为三步:

  1. 引用Validator.js文件
  2. 在form头部添加onSubmit=”return Validator.Validate(this,2)”
  3. 在需要验证的表单项目中添加数据类型和提示文字,例如:datatype=”Requirad” msg=”xxx为必填项”

如果对使用中有什么疑问可以在这里留言,小车会尽可能的帮助解决。也可以直接给作者本人发电子邮件 咨询。

Published by 小车

网站技术工人

One reply on “比较彪悍的全能表单数据验证JS”

Comments are closed.