#npm 包 ember-validators 使用教程
Ember-Validators是一个可用于构建具有验证功能的前端应用程序的npm包，在这篇文章中，我们将介绍如何使用这个实用的工具来为你的Ember应用程序中的表单添加验证功能。
##安装
要安装Ember-Validators，我们只需使用npm命令进行安装即可：
npm install ember-validators --save
##使用
###验证器
Ember-Validators的主要组成部分是验证器（validators），它们是以函数的形式实现的，用于验证表单域中的值是否满足特定的条件。以下是一些常用的验证器：
- presence：验证一个字符串是否为空
- length：验证一个字符串的长度是否在指定的范围内
- format：验证一个字符串是否符合指定的正则表达式
- number：验证一个输入是否为数字
- date：验证一个输入是否为日期格式
我们来看一个示例：如何在Ember应用程序中为一个“邮箱”输入框添加验证器。在这个示例中，我们将使用Ember-CLI来创建一个新的应用程序。
ember new my-app
接着，在“Email”控件的模板中添加以下代码：
{{input type="email" value=email }}
{{#if (v-get errors "email")}}
<div class="form-error">{{v-get errors "email"}}</div>
{{/if}}该代码将显示一个带有错误提示的“邮箱”输入框。v-get是Ember-Validators中内置的一个Helper，它可用于检索验证错误。
在组件中，我们需要定义验证器（validators）：
-- -------------------- ---- -------
------ - ----------------- -------------- - ---- -------------------
------ ------- ------------------
------ ---
--------- ---------- -
----- ----- - ------------------
----- ------ - ---
-- -------------------------- -
------------ - ------------
-
-- ------------------------ -
------------ - -------------
-
------ -------
-
---在这里，我们导入了validatePresence和validateFormat验证器函数，并使用它们在validate方法中验证email输入。如果验证器返回false，则在类的errors对象中添加错误信息。
###添加验证
由于我们已经为组件定义了验证器，现在需要在值更改时，执行validate方法并设置错误信息：
-- -------------------- ---- -------
------ - -------- - ---- ----------------
------ ------- ------------------
------ ---
------- ---
--------- ---------- -
-- ---
--
----------------- ----------------- ---------- -
------------------ -----------------
--
---在validateObserver观察者中，我们监听email对象的变化，并在值更改后执行validate方法，并在类的errors对象中设置验证错误。
现在我们已经为“Email”输入框添加了验证器，每次输入原始值时，都会触发验证器并更新错误。
##结论
Ember-Validators提供了一种简单而又灵活的方法来添加验证功能，无论你使用的是Ember.js还是其他JavaScript框架，都可以从中受益。
在开发应用程序时，使用Ember-Validators可以帮助工程师轻松地构建强大的表单验证功能，并帮助用户更快地找到表单中的错误。
希望本文对您有所帮助，并且可以在您的下一个应用程序中使用Ember-Validators，以提高用户体验和应用程序的可靠性。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5eedaa3eb5cbfe1ea06103e3