validator

功能描述

validator是轻量级表单验证, 基于原生js，仅4kb

依赖模块

无

快速使用

  1. var validator = new Validator('example_form', [
  2.     {
  3.         name: "req",
  4.         display: "必填字段不能为空",
  5.         rules: 'required'
  6.     }, {
  7.         name: "alphanumeric",
  8.         display: "字数小于5个字符|大于15个字符",
  9.         rules: 'min_length(5)|max_length(15)'
  10.     }, {
  11.         name: "email",
  12.         display: "请输入您的{{email}}|这不是一个邮箱",
  13.         rules: 'required|is_email'
  14.     }, {
  15.         name: "minlength",
  16.         display: "不能为空|至少输入8个字符，您输入的{{minlength}}长度少于8",
  17.         rules: 'required|min_length(8)'
  18.     }, {
  19.         name: "tos_checkbox",
  20.         display: "复选框不能为空",
  21.         rules: 'required'
  22.     }, {
  23.         name: "password",
  24.         display: "1必填",
  25.         rules: 'required'
  26.     }, {
  27.         name: "repassword",
  28.         display: "密码不一致",
  29.         rules: 'same(password)'
  30.     }
  31. ], function (obj, evt) {
  32.     if(obj.errors){
  33.         // 判断是否错误
  34.     }
  35. })
  36. validator.validate()

使用说明

  1. new Validator(formName, option, callback)

formName

  • 说明：<form> 中的 id 或者 name 的值

    option

  • 说明：验证规则

  • 类型：Array

    • 数组Item

      • 类型：Object

        1. {
        2.   //name 字段
        3.   name: 'email',
        4.   display:"你输入的不{{email}}是合法邮箱|不能为空|太长|太短",
        5.   // 验证条件
        6.   rules: 'is_email|max_length(12)'
        7.   // rules: 'valid_email|required|max_length(12)|min_length(2)'
        8. }

        callback

  • 说明：验证结果回调

  • 参数

    • obj

      1. obj = {
      2. callback:(error, evt, handles)
      3. errors:Array
      4. fields:Object
      5. form:form#example_form
      6. handles:Object
      7. isCallback:true
      8. isEmail:(field)
      9. isFax:(field)
      10. isIp:(field)
      11. isPhone:(field)
      12. isTel:(field)
      13. isUrl:(field)
      14. maxLength:(field, length)
      15. minLength:(field, length)
      16. required:(field)
      17. }

方法

validate

  1. validator.validate()

isEmail

  1. validator.isEmail('wowohoo@qq.com') // 返回Boolean

特别说明

更多配置和用法，请参考validator.js