介绍
ember-validations 是一个 Ember.js 插件，可以用于在 Ember.js 应用程序中验证表单字段以及其他数据对象。它提供了一个简单而强大的方式来定义和管理验证规则。
该插件基于 jQuery 验证插件，因此您熟悉此插件的开发方式可能会对您有所帮助。
安装 Ember Validations
您可以使用 npm 进行安装：
npm install --save ember-validations
或者，您可以使用 Yarn 进行安装：
yarn add ember-validations
添加 mixin
首先，在您的应用程序中创建一个 mixin，并为需要验证的属性添加验证规则。
-- -------------------- ---- -------
------ ----- ---- --------
------ ---------------- ---- --------------------
------ ------- ------------------------------------ -
------------ -
----- -
--------- -----
------- - -------- -- -------- -- -
--
------ -
--------- -----
------- - ----- -------------- -
--
---- -
------------- -----
------------- -
------------ --
------------------ ---
-
-
-
---本示例中展示了三个不同的验证规则：
name是必填项，并且长度必须在 3 到 30 个字符之间。email是必填项，并且必须是一个有效的电子邮件地址。age必须是一个数字，并且必须大于 0 小于等于 120。
在 mixin 中使用 EmberValidations，并将 validations 属性设置为一个对象。该对象应该包含一个属性名称和一个验证规则数组。每个验证规则都代表一个验证条件，可以由任意键值对组成。
presence 规则表示该属性是必填项。其他常见的规则包括 length（长度限制），format（格式验证）和 numericality（数值限制）。
验证表单
现在您已经定义了验证规则，那么该如何将其应用于表单中呢？
请尝试在以下表单中测试这些验证规则：
{{input value=name placeholder='Your name'}}
{{input value=email type='email' placeholder='Your email'}}
{{input value=age type='number' placeholder='Your age'}}
<button {{action 'save'}}>Save</button>假设您已将以上表单绑定到您的模型：
-- -------------------- ---- -------
------ ----- ---- --------
------ ---------------- ---- ----------------------------
------ ------- ------------------------------------- -
----- -----
------ -----
---- -----
-------- -
------ -
-- --------------------- -
-- ------
- ---- -
-- ------
-
-
-
---现在，当用户单击“Save”按钮时，应用程序将检查表单中的数据是否符合验证规则。如果验证失败，将显示错误消息。如果验证通过，则将存储模型数据。
总结
ember-validations 是一个简单而强大的验证插件，可以帮助您有效地验证您的表单字段和其他数据对象。它提供了丰富的验证规则，包括必填项、长度限制、格式验证和数值限制等，可满足您的各种验证需求。
希望这份使用教程对于您理解和使用 ember-validations 有所帮助。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066e1ba563576b7b1ecc3b