FormValidation 表单验证：JavaScript 的最佳验证库：：用 ES6 编写使用 TypeScript 进行类型安全零依赖没有 jQuery可用作 AMD、ES6 模块和全局脚本
灵活的：自定义图标自定义错误消息动态字段自定义有效和无效颜色动态启用、禁用验证器自定义错误信息位置
Play nice with form libraries
AutocompleteColor pickerCustom checkboxCustom radioDate pickerInternational telephone inputMask inputRich editorSelectStar ratingTag inputTime pickerToggleWizard
概述
习惯使用 FormValidation
FormValidation 包由三个支持不同格式的文件夹组成。
该amd文件夹包含可以与 requirejs 一起使用的文件：
const { formValidation } = require ( '/path/to/@form-validation/amd/bundle/popular' ) ;
该cjs文件夹包含可与 ES6 模块一起使用的文件：
从'/path/to/@form-validation/cjs/bundle/popular'导入{ formValidation } ；
该esm文件夹包含可与以下标签一起使用的文件<script type=module>：
<脚本类型= “模块” >
从'/path/to/@form-validation/esm/bundle/popular.min.js'导入{ formValidation } ；
</脚本>
该umd文件夹包含可用作全局脚本的文件：
<脚本src = “ /path/to/@form-validation/umd/bundle/popular.min.js “ > </脚本>
然后您可以formValidation从全局FormValidation变量访问该属性。
每种格式都有相同的文件夹结构，如下所示：
═── 捆绑
| ═── 完整（.min ）.js
| └── 流行( .min ) .js
|
│ 核心
| └── 索引( .min ) .js
|
── 语言环境
│ ├── de_DE ( .min ) .js
│ ├── en_US ( .min ) .js
│ └── ... .
|
│ │ plugin- [插件名称]
| └── 索引( .min ) .js
|
│ 款式
| └── 索引( .min ) .css
|
└── 验证器- [验证器名称]
└── 索引（.min ）.js
文件夹 描述
bundle 捆绑核心插件和流行的验证器
core 图书馆的核心
locales 翻译包
plugin-[plugin-name] 给定的插件，其中[plugin-name]代表插件的名称
styles CSS 样式
validator-[validator-name] 给定的验证器，其中[validator-name]代表验证器的名称
生产模式与开发模式
每个文件夹都有两个版本：文件中的普通代码.css, .js和文件中的最小化代码.min.css, .min.js。
为了减少页面加载时间并增强用户访问您网站时的体验，您应该.min.css, .min.js在生产网站中使用这些文件。
同时，在开发模式下，您应该使用没有.min部分的普通文件，以便更轻松地调试代码。
热门捆绑包与完整捆绑包
该bundle文件夹包含两个文件：
该full(.min).js文件包含所有核心插件和所有验证器 |
该popular(.min).js文件包含所有核心插件和最流行的验证器
大多数情况下，您只需将popular(.min).js文件包含到您的页面中。由于文件大小比完整版小，因此可以减少页面加载时间。查看验证器页面，了解哪个验证器属于流行和完整包。
例如，有两种使用id 验证器的方法：
将完整捆绑包插入到您的页面：
<脚本src = “ /path/to/@form-validation/umd/bundle/full.min.js “ > </脚本>
将流行的捆绑包和特定的验证器插入到您的页面：
<脚本src = “ /path/to/@form-validation/umd/bundle/popular.min.js “ > </脚本>
<脚本src = “ /path/to/@form-validation/umd/validator-id/id.min.js “ > </脚本>
建议使用第二种方法。