aweiu / element-ui-verify Goto Github PK

View Code? Open in Web Editor NEW

478.0 15.0 55.0 70 KB

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

TypeScript 100.00%

element element-ui elementui element-ui-verification element-ui-validator vue

element-ui-verify's People

Contributors

Stargazers

Watchers

Forkers

libin1991 linjiefe xiaogeneral wujunchuan zerocry martinwithyou a596544022 eniacor everan-1994 alexwanlol zhengsonglin metal88888 leefreef yuhang1992 johnnywang-github wyj18761874284 ylcolala freezingriver zeronyist serapsun 1072258106 kawai9i9 tanqiaofang hhxiaohei cxq777 yanwenxi jiangxiaobai-learn redoc123 fanliao jinggege77 zaxlct hongke516 paperscz xb-kamenrider angrybird233 yangbo960618 sdtm1016 brucean1978 mvpleung qyt2018 rockmelodies xywzzj han-jun loycoder letao99 yuexueyu hyejeongdd simplast 5265liu mushi007 huyanyawei fmy1993 wwwk

element-ui-verify's Issues

请问如何使用maxDecimalLength: 校验数字最大小数位

v-model后加.number时用户输入不了小数点，不加时输入的数字又被识别为字符串，请教一下maxDecimalLength的正确用法应该是怎么用呢？

<el-form-item label="小数两位以内的数字" prop="total" verify :max-decimal-length="2">
        <el-input  v-model.number="model.total"></el-input>
</el-form-item>

应该增加maxLength的功能用的也比较多

应该增加maxLength的功能用的也比较多，我在本机上增加了建议作者加上最大长度判断。

【BUG】ts编译后引用出错 exports is not defined

嗨

不知道为何这次引入后，报错

查了一下，我在tsconfig.json里加入了 "module": "es6",之后，重新编译就好了，还望作者加上，不然我每次下包都得改一遍了
参考链接

[question]: 如果不使用elementUi库可以使用此插件么

测试代码如下：
e-v.zip
babel设置如下：
{
"presets": [
["env", {
"modules": false,
"targets": {
"browsers": ["> 1%", "last 2 versions", "not ie <= 8"]
}
}],
"stage-2"
],
"plugins": ["transform-vue-jsx", "transform-runtime"],
"env": {
"test": {
"presets": ["env", "stage-2"],
"plugins": ["transform-vue-jsx", "transform-es2015-modules-commonjs", "dynamic-import-node"]
}
}
}
在IE11下报错：

引入后报错 ELEMENT is not defined

vue.config.js

module.exports = {
    baseUrl: process.env.NODE_ENV === "production" ? "./" : "/",
    outputDir: "dist",
    configureWebpack: {
        externals: {
            "element-ui": "ELEMENT"
        }
    }
};

这个安装完成，引入之后报错

这个问题怎么解决呢?

特定条件下数字校验失败（好像是bug）

下面是我的使用方式，当输入数字开头时校验失败，比如“2eee”

<el-form-item label="库存总量" prop="left_amount" verify int >
      <el-input v-model.number="model.left_amount"></el-input>
 </el-form-item>

vue版本：2.5.9
elelmentui版本：2.0.11

打包后js体积暴增

在import element-ui-verify 之前，我的app.js大小为2430kb，引入之后暴增到4045kb，这个源代码体积并不大，为什么会差距这么大呢，我使用的element-ui版本为2.4.6， vue版本为2.5.16

alias设计不错，人性化，傻瓜化。。。

async-validator 确实太繁琐了，无奈也撸了一个，可惜不太兼容。顺便借鉴了作者“alias”的设计，冒犯了，不好意思。https://github.com/wujianqi/qi-validator

请问是否可以根据后台返回的错误信息主动触发某个field的error？

提交

后端返回 response = {'name':''名称已存在'}

请问前端有没有方法去触发报错

请问此插件现在支持ie吗，如果需要支持ie9以上需要做哪些？

el-select 和 el-input 校验形式不同

需求

后台数据回显不触发校验，当编辑时再触发校验

Vue.use(elementUIVerify, {
  fieldChange: 'clear'
})

这样回显时不触发校验，很ok，但是在编辑时，el-input可以正常触发校验，输入框变为绿色，但是el-select却无法变色，感觉就是没进行校验（切换不同值）。这个一直使用element的痛点，不知这里改如何处理比较好

如图片上所示，select已经不会发生任何变化了

关于必填的星号展示

原生的校验框架，必填的情况会自动显示星号，而这个不会，需要人工处理，能否增加这个功能呢

可不可以加个*号的展示？

alias 未生效

// main.js
Vue.use(elementUIVerify, {
  fieldChange: 'clear'
})

// 业务 vue
  el-form-item(label="礼物名称" prop="name" verify)
    el-input(v-model.trim="data.name" maxlength='5')

理想中应该是：「礼物名称不能为空」

可以直接调用某个方法让输入框报错标红并且显示自己的文案么

[Vue warn]: $attrs is readonly. 與 [Vue warn]: $listeners is readonly.

請問什麼情況下會產生這種警告訊息？

Plan English doc?

watch在特定场景下会有问题

大神好：
实际场景如下：
变量A的校验依赖于B
A在B=0的时候可以为空，在B=1的时候不能为空
问题出在以下这段代码，对应版本1.1.4
compnent.js第39行
if (fieldValue === '') {
return [{
validator: (rule, val, callback) => {
if (this.canBeEmpty !== undefined || this.minLength <= 0)
callback();
else
callback(Error(this.emptyMessage || errorMessage.get('empty')));
}
}];
}

当A为空的时候，将B值修改为1，正好命中这段代码逻辑，导致不能调用A的自定义校验方法
能否改成，如果有watch的时候始终保持调用校验

关于动态表单校验问题

你好，请问下，动态表单校验，输入实时提醒是有的，但是调用this.$refs.form.validate的有为空的，也返回true了，请问知道是什么原因吗

Element-UI 的表单校验，看来好多人都挺讨厌的

可以改变默认的element-ui校验错误提示样式吗？使用冒泡方式提示错误

自动补全输入框校验问题

大神好，在校验自动补全输入框的时候，
比如输了个a，选中下拉列表第一项，
如果是鼠标选择点击，因为鼠标已经离开输入框，失去焦点后会把文本框中输入的文本a拿去校验，而不是把选中的那一项拿去校验，
请问下这个有什么解决的方法吗？

支持一些新的手机号段，比如199等

手机号码新增了 199（电信），198（移动），166（联通）三个号段，具体可参考这里

需要更新下匹配的正则表达式，以支持新号段

v1.2.0 typings 报错

type.d.ts 没有了

插件的默认校验不通过提示模版

{
   empty: '请补充该项内容',
    ...
}

看了一下好像并没有提供接口让我修改默认校验不通过提示模版。
通常情况下是不需要修改，但是现在有一个问题的就是，空校验是优先级最高的，但是这个提示并不符合我们的需求，这种情况下我应该如何修改？fork一份源码来改吗？亦或者提供一下接口？
谢谢。

<script src="/vendor/js/vue.js"></script>
<script src="/vendor/js/axios.js"></script>
<script src="/vendor/js/element-2.4.js"></script>
<script src="/vendor/js/你的验证的js"></script>

当表单没有任何输入，直接点击按钮时，并没有触发验证规则，请问这种情况该怎么处理呢？

非常感谢您所开源的这个易用、优美的验证插件。
但有个问题，我不知道怎么处理，当表单没有任何输入，直接点击按钮时，并没有触发验证规则，
请问这种情况该怎么处理呢？

如何校验日期，数组等数据类型？

日期和数组在表单中还挺常见的，只能通过手动写自定义校验才行吗？

默认支持的校验规则没有 date 和 array 类型