aweiu / element-ui-verify Goto Github PK
View Code? Open in Web Editor NEW如果你受够了饿了么ElementUI原生的校验方式,那就来试试它吧!一款更懂你的校验插件
如果你受够了饿了么ElementUI原生的校验方式,那就来试试它吧!一款更懂你的校验插件
手机号码新增了 199(电信),198(移动),166(联通)三个号段,具体可参考这里
需要更新下匹配的正则表达式,以支持新号段
日期和数组在表单中还挺常见的,只能通过手动写自定义校验才行吗?
默认支持的校验规则没有 date 和 array 类型
async-validator 确实太繁琐了,无奈也撸了一个,可惜不太兼容。顺便借鉴了作者“alias”的设计,冒犯了, 不好意思。https://github.com/wujianqi/qi-validator
有两个选择,目前需求至少需要选择一个就通过,但是目前的自定义校验好像必须都有值,再根据值来校验。
最好是不用ts的,有这计划吗
大神好:
实际场景如下:
变量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的时候始终保持调用校验
下面是我的使用方式,当输入数字开头时校验失败,比如“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
后端返回 response = {'name':''名称已存在'}
请问 前端有没有方法去触发 报错
多选框会自动触发非空校验,请问是不支持Checkbox 么?
就是直接可以在页面应用的js,不需要进行编译的,如
看了源码,上面需要需要先install,然后才能再addRule,但是再README里的示例里并没有体现这一点啊,这是什么*操作
应该增加maxLength的功能 用的也比较多,我在本机上增加了 建议作者加上 最大长度判断。
請問什麼情況下會產生這種警告訊息?
在import element-ui-verify 之前,我的app.js大小为2430kb, 引入之后暴增到4045kb,这个源代码体积并不大,为什么会差距这么大呢,我使用的element-ui版本为2.4.6, vue版本为2.5.16
大神好,请问下对于form中的隐藏元素怎么取消校验呢?或者怎么设置动态校验呢?
在IE10,IE11浏览器,报错:Expected ';'
你好,请问下,动态表单校验,输入实时提醒是有的,但是调用this.$refs.form.validate的有为空的,也返回true了,请问知道是什么原因吗
插件未动,星星先行!
引入后报错./node_modules/_element-ui@2.9.1@element-ui/lib/element-ui.common.js
Module not found: Error: Can't resolve 'element-ui/lib/cascader-panel' in 'D:\document\vue\XXX\node_modules_element-ui@2.9.1@element-ui\lib'
大神好,在校验自动补全输入框的时候,
比如输了个a,选中下拉列表第一项,
如果是鼠标选择点击,因为鼠标已经离开输入框,失去焦点后会把文本框中输入的文本a拿去校验,而不是把选中的那一项拿去校验,
请问下这个有什么解决的方法吗?
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>
原生的校验框架,必填的情况会自动显示星号,而这个不会,需要人工处理,能否增加这个功能呢
测试代码如下:
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下报错:
非常感谢您所开源的这个易用、优美的验证插件。
但有个问题,我不知道怎么处理,当表单没有任何输入 ,直接点击按钮时,并没有触发验证规则,
请问这种情况该怎么处理呢?
{
empty: '请补充该项内容',
...
}
看了一下好像并没有提供接口让我修改默认校验不通过提示模版。
通常情况下是不需要修改,但是现在有一个问题的就是,空校验是优先级最高的,但是这个提示并不符合我们的需求,这种情况下我应该如何修改?fork一份源码来改吗?亦或者提供一下接口?
谢谢。
可以改变默认的element-ui校验错误提示样式吗?使用冒泡方式提示错误
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.