• Stars
    star
    478
  • Rank 91,950 (Top 2 %)
  • Language
    TypeScript
  • Created almost 7 years ago
  • Updated about 5 years ago

Reviews

There are no reviews yet. Be the first to send feedback to the community and the maintainers!

Repository Details

如果你受够了饿了么ElementUI原生的校验方式,那就来试试它吧!一款更懂你的校验插件

element-ui-verify

如果你受够了饿了么 ElementUI 原生的校验方式,那就来试试它吧!

前言

饿了么 ElementUI 虽好,但表单校验的体验不够理想

如果说产品开发要讲究用户体验,那插件开发也要讲究开发体验,而好的开发体验,要靠好的 api 设计来保障

本人专注校验插件开发 30 年,有祖传的校验插件 api 设计(玩笑)。主要是参考了之前写的vue-verify-pop的 api,并加以完善,取其精华,去其糟粕,揉和日月之精华。。。

本插件只是对 ElementUI 原本的校验方式做了一层封装,核心的校验器仍然是async-validator,非侵入式,完全不会影响你继续使用 ElementUI 的原生校验

示例

<template>
  <el-form label-width="100px" :model="model">
    <el-form-item label="年龄" prop="age" verify int :gt="0">
      <el-input v-model="model.age"></el-input>
    </el-form-item>
  </el-form>
</template>
<script>
  export default {
    data() {
      return {
        model: {
          age: ""
        }
      };
    }
  };
</script>

ok,你已经完成了一个内容为大于 0 的整数校验!(欢迎对比官方版的相似例子)

文档

https://aweiu.com/documents/element-ui-verify/

More Repositories

1

dm.dll

JS 版按键精灵(大漠插件)
TypeScript
201
star
2

JsLibs

要来就来一包!一包五颜六色的js插件(大部分为seajs的),满足前端开发的各种需求。有校验插件,分页插件,ajax插件,弹窗插件等等。
JavaScript
86
star
3

vue-verify-pop

自带气泡提示的vue校验插件
JavaScript
44
star
4

wow-state-machine

😱 为自动脚本量身定做的状态机!像多线程那样去轮询多个状态,不同的状态满足后去执行不同的定时任务。
TypeScript
32
star
5

setPromiseInterval

用于定时执行异步任务,调用方式类似原生 setInterval
TypeScript
27
star
6

wow-stocks

😱 实时获取所有 A 股现在 + 过去的行情数据,可基于它来做量化交易的行情服务
TypeScript
24
star
7

ant-modifier

🌈 如果你受够了 AntDesign 的原生 Form,那就来试试它吧!一款更懂你的表单提交组件
TypeScript
8
star
8

express-verify

express校验插件,用于校验用户提交参数
JavaScript
7
star
9

wow-stock-calculator

😱 类似通达信函数的股票计算工具
TypeScript
6
star
10

aliyun-oss-sign

用于返回阿里云oss服务器签名
JavaScript
5
star
11

hotspots

简单的全功能框选工具,一般用于图片的热区选择和加载
JavaScript
5
star
12

verify-base

校验基础包,内含各种常用校验方法
JavaScript
4
star
13

aliyun-oss-upload

用于阿里云OSS采用服务端签名后WEB直传
JavaScript
4
star
14

vue-hook-form

用于处理form请求,获取formData。以便于将form请求转成ajax/fetch请求
Vue
4
star
15

vue-pop

vue气泡提示组件
Vue
4
star
16

vue-image-preview

本地图片预览组件
Vue
4
star
17

vue-simple-toast

vue仿微信弹窗小组件
Vue
4
star
18

wow-stock

😱 命令行看股票神器!自动识别持仓,显示当前盈亏
JavaScript
3
star
19

wow-flex-box

💄 一组简单实用的语义化 flex 样式类,通过它们基本可以组合出所有常见的业务布局
HTML
3
star
20

babel-all

使用babel批量转译当前项目所有js文件,一般用于使用了babel-register的express项目
JavaScript
3
star
21

wow-stock-quotation

😱 获取所有 A 股实时 + 历史行情
TypeScript
3
star
22

scroll-switch

简单来说,它就是用来滚动切换列表项的。
TypeScript
3
star
23

vue-express

两步实现vue+express全栈自动刷新
JavaScript
3
star
24

sealoader

nodejs模块,用于为seajs项目批量加载依赖
JavaScript
2
star
25

http-fetch

使用fetch代替ajax请求
JavaScript
1
star
26

vue-sync-query

🤓 使 Vue 实例中的 data 和 $route.query 同步修改
TypeScript
1
star
27

webpack-dont-repack-plugin

webpack-dont-repack-plugin
TypeScript
1
star
28

wow-shell

shell command, it will be resolved when something is hit, and support the output of colored logs
TypeScript
1
star
29

express-action

简洁优雅地处理你的 express 请求:支持请求复用,重复请求限制,数据格式化,数据注入
TypeScript
1
star