📜  离子(发出值而不是错误实例 - Javascript (1)

📅  最后修改于: 2023-12-03 15:41:03.570000             🧑  作者: Mango

离子(Fluent Validator)

离子是一款轻量级的 JavaScript 验证库,用于验证表单或任何对象中包含的数据。它可以帮助程序员轻松地对数据进行验证,从而在用户输入错误或不完整的数据时提供更好的用户体验。

安装

离子可以通过 NPM 进行安装:

npm install @treacherous/ion
使用

离子的使用非常简单。您只需定义所需的验证规则即可。以下是一个简单的示例:

import { createValidator } from "@treacherous/ion";

const validator = createValidator();

const data = {
  firstName: "",
  lastName: "",
  email: "",
};

validator
  .ensure(data.firstName)
  .isNotEmpty()
  .ensure(data.lastName)
  .isNotEmpty()
  .ensure(data.email)
  .isEmail()
  .onValidate(() => {
    console.log("Validation complete");
  })
  .onError((errors) => {
    console.log("Validation errors", errors);
  })
  .validate();

在此示例中,我们使用 createValidator() 方法创建了一个新的验证器实例。然后,我们定义了一个名为 data 的对象,其中包含我们要验证的数据。

接下来,我们使用 ensure() 方法来指定要验证的数据。在本例中,我们正在验证名字、姓氏和电子邮件地址。我们还使用诸如 isNotEmpty()isEmail() 等方法来定义验证规则。

最后,我们调用 validate() 方法来执行验证。当验证完成时,我们将调用 onValidate() 方法。而当存在错误时,我们将调用 onError() 方法,并将错误列表作为参数传递给该方法。

验证规则

离子支持许多预定义的验证规则。以下是一些可用的规则:

  • isNotEmpty():检查字段是否为空。
  • isEmail():检查字段是否符合电子邮件格式。
  • isNumber():检查字段是否为数字。
  • isPositive():检查字段是否为正数。
  • isUrl():检查字段是否符合 URL 格式。
  • isRegex(pattern):检查字段是否符合正则表达式模式。
  • hasMaxLength(length):检查字段是否包含大于或等于指定长度的字符。
  • hasMinLength(length):检查字段是否包含小于或等于指定长度的字符。
结论

离子是一款轻量级且易于使用的 JavaScript 验证库,可帮助程序员轻松地对表单和其他数据进行验证。它支持许多预定义的验证规则,并提供了简单的 API 来定义自定义规则和处理验证结果。如果您需要在项目中进行数据验证,那么离子是一个不错的选择。