vue 表单验证插件

vue yekong

github文档地址

github文档地址

安装依赖

npm install validator --save

使用

非es6

var validator = require('validator');

es6

import validator from 'validator';

常用验证

邮箱验证

validator.isEmail('foo@bar.com');

检查字符串的长度是否为零

validator.isEmpty('');

判断两个字符是否相等

validator.equals('123','1234')

验证字符串是否为浮点数

console.log(validator.isFloat('9', {min: 10, max: 100}))
console.log(validator.isFloat('9', {gt: 10}))
console.log(validator.isFloat('9', {lt: 10}))

检查字符串是否是类型算法的哈希

console.log(validator.isHash('9', 'md5'))
类型包括
'md4', 'md5', 'sha1', 'sha256', 'sha384', 'sha512', 'ripemd128', 'ripemd160', 'tiger128', 'tiger160', 'tiger192', 'crc32', 'crc32b'

检查字符串是否为十六进制颜色

console.log(validator.isHexColor('#ffffff'))

身份证号码校验

console.log(validator.isIdentityCard('110101199003072551','zh-CN'))
可选择类型
['LK', 'PL', 'ES', 'FI', 'IN', 'IT', 'IR', 'MZ', 'NO', 'TH', 'zh-TW', 'he-IL', 'ar-LY', 'ar-TN', 'zh-CN']OR之一'any'

检查字符串是否在允许值的数组中

console.log(validator.isIn('123',['123','333']))

检查字符串是否为整数

isInt(str [, 选项])
options是一个可以包含键min和/或max检查整数是否在边界内的对象(例如{ min: 10, max: 99 })。options还可以包含 key allow_leading_zeroes,当设置为 false 时,将禁止带有前导零的整数值(例如{ allow_leading_zeroes: false })。最后,options可以包含键gt和/或lt将强制整数分别大于或小于所提供的值(例如{gt: 1, lt: 4},对于 1 和 4 之间的数字)。

检查字符串是否为 IP

console.log(validator.isIP('192.168.1.1', 4))

类型4 或 6

检查字符串是否是有效的 JSON

console.log(validator.isJSON('{"name":"ceshi"}', {allow_primitives: false}))

检查字符串是否是有效的 JWT 令牌

console.log(validator.isJWT('233232'))

检查字符串的长度是否在一个范围内

console.log(validator.isLength('233232', {min: 0, max: 10}))

检查字符串是否是手机号码

console.log(validator.isMobilePhone('17628290000', 'zh-CN', {strictMode: false}))
区域设置是区域设置数组(例如['sk-SK', 'sr-RS'])或 OR 之一['am-Am', 'ar-AE', 'ar-BH', 'ar-DZ', 'ar-EG', 'ar-IQ', ar-JO', 'ar-KW', 'ar-PS', 'ar-SA', 'ar-SY', 'ar-TN', 'az-AZ', 'az-LY', 'az-LB', 'bs-BA', 'be-BY', 'bg-BG', 'bn-BD', 'ca-AD', 'cs-CZ', 'da-DK', 'de-DE', 'de-AT', 'de-CH', 'de-LU', 'dv-MV', 'el-GR', 'en-AU', 'en-BM', 'en-BW', 'en-CA', 'en-GB', 'en-GG', 'en-GH', 'en-GY', 'en-HK', 'en-MO', 'en-IE', 'en-IN', 'en-LS', 'en-KE', 'en-KI', 'en-MT', 'en-MU', 'en-NG', 'en-NZ', 'en-PK', 'en-PH', 'en-RW', 'en-SG', 'en-SL', 'en-UG', 'en-US', 'en-TZ', 'en-ZA', 'en-ZM', 'en-ZW', 'es-AR', 'es-BO', 'es-CL', 'es-CO', 'es-CR', 'es-CU', 'es-DO', 'es-HN', 'es-PE', 'es-EC', 'es-ES', 'es-MX', 'es-PA', 'es-PY', 'es-SV', 'es-UY', 'es-VE', 'et-EE', 'fa-IR', 'fi-FI', 'fj-FJ', 'fo-FO', 'fr-BE', 'fr-BF', 'fr-FR', 'fr-GF', 'fr-GP', 'fr-MQ', 'fr-PF', 'fr-RE', 'ga-IE', 'he-IL', 'hu-HU', 'id-ID', 'it-IT', 'it-SM', 'ja-JP', 'ka-GE', 'kk-KZ', 'kl-GL', 'ko-KR', 'lt-LT', 'ms-MY', 'my-MM', 'mz-MZ', nb-NO', 'ne-NP', 'nl-BE', 'nl-NL', 'nn-NO', 'pl-PL', 'pt-BR', 'pt-PT', 'pt-AO', 'ro-RO', 'ru-RU', 'si-LK' 'sl-SI', 'sk-SK', 'sq-AL', 'sr-RS', 'sv-SE', 'tg-TJ', 'th-TH', 'tk-TM', 'tr-TR', 'uk-UA', 'uz-UZ', 'vi-VN', 'zh-CN', 'zh-HK', 'zh-MO', 'zh-TW', 'dz-BT']默认为“任何”。如果使用“任何”或错误值,函数将检查是否有任何区域设置匹配)。

options是一个可选对象,可以提供以下键:strictMode,如果设置为true,则移动电话号码必须提供国家代码,因此必须以 . 开头+。语言环境列表是validator.isMobilePhoneLocales.

判断是否是URL

console.log(validator.isURL('https://www.wanjunshijie.com', {
    protocols: ['http', 'https', 'ftp'],
    require_tld: true,
    require_protocol: false,
    require_host: true,
    require_port: false,
    require_valid_protocol: true,
    allow_underscores: false,
    host_whitelist: false,
    host_blacklist: false,
    allow_trailing_dot: false,
    allow_protocol_relative_urls: false,
    allow_fragments: true,
    allow_query_components: true,
    disallow_auth: false,
    validate_length: true
}))
options是一个默认为 的对象{ protocols: ['http','https','ftp'], require_tld: true, require_protocol: false, require_host: true, require_port: false, require_valid_protocol: true, allow_underscores: false, host_whitelist: false, host_blacklist: false, allow_trailing_dot: false, allow_protocol_relative_urls: false, allow_fragments: true, allow_query_components: true, disallow_auth: false, validate_length: true }。

require_protocol - 如果设置为 true,如果 URL 中不存在协议,isURL 将返回 false。
require_valid_protocol - isURL 将检查 URL 的协议是否存在于协议选项中。
协议 - 可以使用此选项修改有效协议。
require_host - 如果设置为 false isURL 将不检查 URL 中是否存在主机。
require_port - 如果设置为 true,isURL 将检查 URL 中是否存在端口。
allow_protocol_relative_urls - 如果设置为 true 协议相对 URL 将被允许。
allow_fragments - 如果设置为 false,如果存在片段,isURL 将返回 false。
allow_query_components - 如果设置为 false,如果存在查询组件,isURL 将返回 false。
validate_length - 如果设置为 false isURL 将跳过字符串长度验证(2083 个字符是 IE 最大 URL 长度)。
喜欢