npm 包 ember-validate 使用教程

阅读时长 3 分钟读完

简介

ember-validate 是一款针对 Ember.js 框架开发的验证库。它提供了一系列的验证方法,可以帮助开发者简单快捷地完成表单验证等常见操作。

安装

从 npm 安装:

使用

引入

在需要使用的组件中引入库:

例子

假如我们有一个注册表单,需要验证用户名和邮箱:

-- -------------------- ---- -------
------ --------- ---- ---------------------
------ - ----------------- -------------- - ---- -----------------

----- ------------ ------- --------- -
  -------- - ---
  ----- - ---
  ------ - ---

  ---------- -
    ----------- - ---

    -- ---------------------------------- -
      -------------------- - ----------
    -

    -- ---------------------------- ---------------- -
      ----------------- - ----------
    -

    ------ ------------------------------- --- --
  -
-

API

以下是 ember-validate 支持的验证方法:

  • validatePresence(value, [options]):验证是否为空,options 可选。

  • validateLength(value, [options]):验证字符串长度,options 包含 min 和 max 属性,分别表示最小值和最大值。

  • validateNumber(value, [options]):验证是否为数字,options 可选。

  • validateFormat(value, regex):验证是否匹配正则表达式。

  • validateInclusion(value, list):验证是否在指定列表中。

  • validateExclusion(value, list):验证是否不在指定列表中。

options

Options 是可选的配置参数,支持以下字段:

  • allowBlank:为 true 时允许为空,默认为 false。

  • message:验证失败时的错误提示信息。

  • presence:为 true 时验证非空,默认为 true。

  • max:最大值,默认为 null。

  • min:最小值,默认为 null。

自定义验证器

除了使用自带的验证器,你也可以自定义验证方法:

这样在组件中就可以使用自定义的验证方法了:

结语

ember-validate 是一款非常实用的验证库,它可以帮助开发者更简便快捷地完成表单验证等操作。通过本篇文章的介绍,你已经可以准确使用这个库来验证你的表单了。

来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066e1ba563576b7b1ecc43

纠错
反馈