iview表单验证trigger:'change,blur'

最新推荐文章于 2023-10-26 09:39:03 发布
最新推荐文章于 2023-10-26 09:39:03 发布
阅读量5k 收藏 2
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/sinat_39326239/article/details/99793137
版权

今天发现,如果设置select的trigger:'blur'就算选择之后还是边框是红色的,之后查了一下iview的文档,也没有找到准确的蚊子描述,只看到form那个组件其中有一个例子,大概是select会对应change,input对应blur还有其他checkbox的....,因为判断的有点乱,一个个看很麻烦,后来搜了一下 原博客 这个方法还不错,直接将trigge:'blur,change',省的去纠结它是哪个

trigger:'blur,change'

　　

 

ChorKiu
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
浅谈关于iview表单验证的问题
10-17
主要介绍了浅谈关于iview表单验证的问题，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
iview同时验证多个表单问题总结
12-29
iview验证一个表单问题： 在上一篇文章中总结了iview表单验证的问题。其实有两种写法：在点击验证时，这样写时，注意在前面的方法中将要验证的form表单加进去。 <Form ref=addAreaForm :model=addAreaForm :rules=ruleValidate :label-width=120></Form> //点击确认按钮 <Button type='primary' @click='addAreaOK(addAreaForm)'>确定</Button> addAreaOK(name){ this.$refs[name].valida
iview UI 下拉框select表单校验错误信息不消失
04-02 2338
1.需求描述 弹窗添加时，对下拉框进行选择，点击确定进行非空校验 2.使用场景 对下拉框进行校验 3.问题描述 选中下拉框的值之后，下拉框select表单校验错误信息不消失 4.解决方案 (已解决加入) 经过排查，是change事件重复导致冲突了，如下代码所示： <FormItem label="选择实验名称" prop='abtest_id'> <Select v-mo...
Iview 表单验证的规则总结
热门推荐
赵树祥的博客
06-19 2万+
参考文档： https://github.com/yiminghe/async-validator 1. 支持的基本类型 <FormItem prop="UserId" :rules=" [ { required: true, message: '请选择一项', trigger: 'change',type:'number',min:...
iview formitem 自定义非空校验，和其他校验。根据表单其他字段决定是否非空校验。
qq_27312237的博客
02-01 1787
我遇到的问题：表单中有某字段，要根据别的字段来判断这个字段是否要进行非空校验，其他复杂的校验也同理。 我直接使用的iview的校验：但是会出现某些字段即使填上值也会报为空的错，输入框和选择框已经都做过是string而不是number的处理表单字段也打印出来是有值的，所以排除这两种情况。 原先使用的校验方式： <FormItem label="企业名称" prop="orgName" :rules="[{required: true, message: '不能为空',trigger: 'b
iView表单验证trigger多种触发方式:
weixin_68849671的博客
06-12 1251
iView表单验证trigger多种触发方式:
iview表单提交验证特殊组件时需要注意的问题
最新发布
lyz246859的博客
10-26 305
使用iview的朋友们，对于表单验证肯定不陌生，通过validate来进行提交时的参数验证，一般来说，对于select或者input之列的表单组件，比较好判断，
vue+iview 自定义侧边栏（Sider）触发器（trigger）
1H1R1M的博客
03-31 9226
#1），记录原因描述： 想要修改Sider的样式（背景颜色），通过给Sider设置了新的class后，背景颜色虽然修改了，但是低端的触发器样式仍然是Menu组件的”Dark“主题样式。 查看官方文档知道，Sider 可以设置hide-trigger属性来隐藏默认触发器。 #2），模板： 模板大致是iView官方文档中的“Layout布局”中的其中一个。截图如下，代码见官网： #3），修...
Element UI Form表单表单验证触发方式 trigger: ‘change‘ 和trigger: ‘blur‘区别
weixin_65921319的博客
05-05 4964
备注：没有进行任何输入时，不会触发change，但一定会触发blur事件。二、 trigger: ‘blur’:失去焦点时触发,如上图。一、 trigger: ‘change’:数据改变时触发。
基于IView中on-change属性的使用详解
08-27
下面小编就为大家分享一篇基于IView中on-change属性的使用详解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧
iview的Select选择器清空选择项操作
leilei__66的博客
01-04 4131
iview的Select选择器清空选择项操作 一、iview组件的自带的清空操作 二、自制input代替原input输入框 自制input代替原input输入框，实现删除输入随意
iview 输入框_使用iview框架，如何进行输入框或者按钮的关联验证
weixin_39901404的博客
12-21 655
iview框架的Form 组件基于 async-validator实现数据验证,给 Form 设置属性rules，同时给需要验证的 FormItem 设置属性prop指向对应字段即可。简单的验证北京上海深圳男女提交重置export default{data () {return{formValidate: {name:'',mail:'',city:'',gender:'',interes...
iview表单验证 Select错误信息不消失
landiyaaa的博客
08-29 4280
1. 表单验证的默认规则是字符串数据类型。所以当select的value是数字时，表单验证不通过。 解决办法：在规则定义对象中加入属性type:'number' 2. 规则定义对象中，如果对Select的校验选择了trigger:'blur'，那么假如一开始select为空验证不通过，到后来选择了值理应通过验证，但错误信息是不会消失的。因为blur无法触发select的规则校验。 解决...
element-ui 表单验证触发方式 trigger :‘change‘ 和 ‘blur’ 的区别
努力努力再努力的博客
08-10 5568
element-ui 表单验证触发方式 trigger :‘change’ 和 ‘blur’ 的区别 trigger :‘change’ change 数据改变触发 比如 ： 需要 手动选择的东西，用 change trigger : ‘blur’ blur 失去焦点 比如 ： 输入框里，验证文本框是否为空 没有任何输入的时候，不会触发 change ， 但一定会触发 blur 事件 ...
iview表单校验必填项required时显示xxx is required，或者trigger验证不刷新问题
george_ye的博客
06-12 1198
使用iview的form组件，表单项为必填项时遇到的问题
iview - 自定义表单验证
idomyway的博客
07-22 862
自定义表单验证代码 export default { data () { const validateImage = (rule, value, callback) => { if (value.barImage === '') { callback(new Error('验证错误')) } else if (value.split('...
微信小程序使用uview校验规则没有用的解决办法
天天写代码
01-22 1万+
最近项目中用到了uview 在做表单时用到了校验，发现校验不友好的结果·， 具体见文档uview 这里有对表单的详解， <u-form :model="form" ref="uForm" label-width="140" label-align="right" style="width: 80%;"> <u-form-item> <u-field v-model="mobile" @blur='getCode' maxlength="11" label="
iview表单验证trigger不生效
05-24
另外，如果你使用了 `rules` 属性来设置表单项的验证规则，可以考虑使用 `validate` 方法触发表单验证，而不是 `trigger` 方法。`validate` 方法可以同时验证整个表单，而 `trigger` 方法只能验证当前表单项。 以下...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值