简介
ember-validate 是一款针对 Ember.js 框架开发的验证库。它提供了一系列的验证方法,可以帮助开发者简单快捷地完成表单验证等常见操作。
安装
从 npm 安装:
npm install ember-validate --save
使用
引入
在需要使用的组件中引入库:
import { validatePresence } from 'ember-validate';
例子
假如我们有一个注册表单,需要验证用户名和邮箱:
-- -------------------- ---- ------- ------ --------- ---- --------------------- ------ - ----------------- -------------- - ---- ----------------- ----- ------------ ------- --------- - -------- - --- ----- - --- ------ - --- ---------- - ----------- - --- -- ---------------------------------- - -------------------- - ---------- - -- ---------------------------- ---------------- - ----------------- - ---------- - ------ ------------------------------- --- -- - -
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。
自定义验证器
除了使用自带的验证器,你也可以自定义验证方法:
import { validate } from 'ember-validate'; validate(function(value) { return value === 'foo'; }, '必须等于 foo');
这样在组件中就可以使用自定义的验证方法了:
if (!validate(foo, { customFoo: true })) { this.errors.foo = 'foo 必须等于 foo'; }
结语
ember-validate 是一款非常实用的验证库,它可以帮助开发者更简便快捷地完成表单验证等操作。通过本篇文章的介绍,你已经可以准确使用这个库来验证你的表单了。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066e1ba563576b7b1ecc43