简介
jvalidation 是一个非常实用的 JavaScript 校验库，它可以帮助前端开发者轻松地进行表单校验。该库提供了丰富的校验规则，并且可以自定义校验规则，非常灵活方便。
安装
在使用 jvalidation 之前，我们需要先安装该库。可以通过 npm 安装：
npm install jvalidation --save
使用
在了解了 jvalidation 的安装之后，我们来看一下如何使用它进行表单校验。
首先，我们需要引入 jvalidation 库：
var jvalidation = require('jvalidation');jvalidation 提供了 validate 方法，调用该方法可以开始进行表单校验。该方法需要传入两个参数：
values表示需要校验的表单数据，应该是一个对象，其中每个属性代表表单中的一个数据项，值表示该数据项的值；rules表示校验规则，也是一个对象，其中每个属性代表需要校验的数据项，值表示校验该数据项的规则。
简单例子
考虑以下简单的表单校验，我们需要校验用户输入的用户名和密码是否为空：
-- -------------------- ---- ------- --- ------ - - --------- ---------- --------- -- -- --- ----- - - --------- ----------- --------- ---------- -- --- ------ - ---------------------------- -------
在上面的代码中，values 表示需要校验的表单数据，其中 username 输入了 'johndoe'，而 password 没有输入任何值，rules 是需要校验的规则，其中 username 和 password 都需要满足 'required' 规则，即不能为空。
校验结果保存在 result 对象中，该对象包含以下两个属性：
isValid表示校验结果是否通过，如果通过，则该属性为true，否则为false；errors是一个数组，如果校验不通过，则该数组包含了所有的错误信息。
要获取错误信息，只需遍历 errors 数组即可：
if (!result.isValid) {
for (var i = 0; i < result.errors.length; i++) {
var error = result.errors[i];
console.log(error);
}
}更多规则
除了基本的 'required' 规则之外，jvalidation 还提供了很多其他的规则，例如：
'email'表示必须是有效的邮箱地址；'url'表示必须是有效的 URL 地址；'maxLength:n'表示最大长度不能超过 n；'minLength:n'表示最小长度不能低于 n。
可以使用这些规则来对表单项进行更严格的校验。
自定义规则
有时，我们需要根据自己的需求来定义一些校验规则，此时 jvalidation 可以轻松帮助我们实现这一目标。
jvalidation.setRule('positive', function (value) {
return parseInt(value) > 0;
});以上代码定义了一个名为 'positive' 的规则，它将校验输入值是不是正数。在这里，setRule 方法接收两个参数：
- 第一个参数是规则名称；
- 第二个参数是一个函数，用于检查是否符合规则。
现在我们可以使用 'positive' 规则来校验表单的某一个输入项了：
-- -------------------- ---- ------- --- ------ - - ---- -- -- --- ----- - - ---- ---------- -- --- ------ - ---------------------------- -------
在上面的代码中，我们使用了之前定义的 'positive' 规则来校验 age。如果用户输入的值是大于 0 的数，则校验通过，否则校验失败。
示例代码
-- -------------------- ---- -------
--- ----------- - -----------------------
------------------------------- -------- ------- -
------ --------------- - --
---
--- ------ - -
--------- ----------
--------- --
--
--- ----- - -
--------- -----------
--------- ----------
--
--- ------ - ---------------------------- -------
-- ----------------- -
--- ---- - - -- - - --------------------- ---- -
--- ----- - -----------------
-------------------
-
-
------ - -
---- --
--
----- - -
---- ----------
--
------ - ---------------------------- -------
-- ----------------- -
--- ---- - - -- - - --------------------- ---- -
--- ----- - -----------------
-------------------
-
-总结
通过以上的介绍，我们学习了如何使用 jvalidation 进行表单校验。jvalidation 是一个实用而强大的校验库，可以帮助开发者轻松地进行表单校验，并且提供了诸多强大的校验规则，可以让我们实现更严格的校验要求。同时，jvalidation 也支持自定义规则，可以根据自己的需求来定义一些校验规则。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60056c5b81e8991b448e5e43