美文网首页
js-coi:一个灵活的前端校验工具

js-coi:一个灵活的前端校验工具

作者: 俗人彭jin | 来源:发表于2019-04-28 09:18 被阅读0次

js-coi:一个灵活的前端校验工具

项目地址

js-coi:一个灵活的前端校验工具

安装

// npm install js-coi

使用:

import Coi from 'js-coi'

const validCoi = new Coi()
validCoi
    .data('1234')
    .isRequired('id不能为空')
    .minLength(3, 'id不能少于3位')
    .maxLength(5, 'id不能多于5位')

    .data('1234@qq.')
    .isRequired('邮箱不能为空')
    .isEmail('邮箱格式不正确')

    .data('http:dwd')
    .isRequired('url不能为空')
    .isUrl('url格式不正确')

if (!validCoi.pass) {
    this.$message.error(validCoi.errorMessage)
    return
}

当然你只校验一个字段的话也可以这么使用:

import Coi from 'js-coi'

const idCoi = new Coi('1234')
idCoi
    .isRequired('id不能为空')
    .minLength(3, 'id不能少于3位')
    .maxLength(5, 'id不能多于5位')
    .isEmail('id邮箱格式不正确')
    .isUrl('id格式不正确')
    .requireFormat(['number', 'letter', 'chinese'], 'id格式不正确')
    .requireRegexp(/012345/, 'id格式不正确')

if (!idCoi.pass) {
    this.$message.error(idCoi.errorMessage)
    return
}

相关文章

  • js-coi:一个灵活的前端校验工具

    js-coi:一个灵活的前端校验工具 项目地址 js-coi:一个灵活的前端校验工具 安装 使用: 当然你只校验一...

  • iview 自定义验证表单多层嵌套如何实现

    表单校验是每一个前端开发人员都避免不了的需求。在一些前端可以自行校验的情况下,先通过前端校验,校验不通过不发送请求...

  • iview 自定义验证表单多层嵌套如何实现

    表单校验是每一个前端开发人员都避免不了的需求。在一些前端可以自行校验的情况下,先通过前端校验,校验不通过不发送请求...

  • BurpSuite 1.7.11(附下载)

    burpsuite是一个非常实用且功能灵活的渗透工具,更多的利用于前端抓包与get或者post批量灵活提交 Bur...

  • SpringMVC[5]--Validation校验

    Web系统中,校验是必不可少的环节,校验一般分为前端校验和后端校验,前端校验一般使用脚本语言,对即将要提交的数据进...

  • Java+Hibernate校验java请求vo实体

    1.前景 Vo实体添加标签@NotBlank或@Pattern灵活配置,灵活校验。通用处理代码,减少大量校验代码的...

  • grunt笔记篇

    主流前端集成方案 Yeoman webapp集成脚手架工具:代码校验,测试,压缩 Bower: 下载管理框架、库 ...

  • 接口开发的艺术:前端不可信

    接口开发: 默认前端不可信 对前端数据必须做校验:1⃣️ 签名校验2⃣️必传参数校验 缺点:增加后端的负担: 后端...

  • 前端js邮箱校验

    前端js邮箱校验

  • Bootstrap(基础一)

    Bootstrap是什么? 一套易用、优雅、灵活、可扩展的前端工具集--BootStrap。GitHub上介绍 的...

网友评论

      本文标题:js-coi:一个灵活的前端校验工具

      本文链接:https://www.haomeiwen.com/subject/kfvrnqtx.html