iview中Select 选择器多选校验方法


Posted in Javascript onMarch 15, 2018

iview提供的select组件中使用multiple属性可以开启多选模式,返回的数据也是数组的形式。

iview使用的校验是根据async-validator来实现数据验证。验证规则可前去查看开源项目

多选模式下的select组件校验使用type为array,可设置len属性来规定数组的长度,设置len:1则不是数组长度为1则通过校验,不设置则数组有元素则通过校验。

{ type: 'array', required: true, message: '不能为空'}

正则可以写在data中

iview中Select 选择器多选校验方法

在rules中引用即可

iview中Select 选择器多选校验方法

以上这篇iview中Select 选择器多选校验方法就是小编分享给大家的全部内容了,希望能给大家一个参考,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
javascript replace()正则替换实现代码
Feb 26 Javascript
juqery 学习之三 选择器 层级 基本
Nov 25 Javascript
探讨jQuery的ajax使用场景(c#)
Dec 03 Javascript
容易造成JavaScript内存泄露几个方面
Sep 04 Javascript
JavaScript中的console.group()函数详细介绍
Dec 29 Javascript
js实现兼容性好的微软官网导航下拉菜单效果
Sep 07 Javascript
JS控制FileUpload的上传文件类型实例代码
Oct 07 Javascript
JavaScript利用Date实现简单的倒计时实例
Jan 12 Javascript
Javascript别踩白块儿(钢琴块儿)小游戏实现代码
Jul 20 Javascript
详解Ant Design of React的安装和使用方法
Dec 27 Javascript
通过vue手动封装on、emit、off的代码详解
May 29 Javascript
微信小程序sessionid不一致问题解决
Aug 30 Javascript
用Axios Element实现全局的请求loading的方法
Mar 15 #Javascript
基于IView中on-change属性的使用详解
Mar 15 #Javascript
解决iView中时间控件选择的时间总是少一天的问题
Mar 15 #Javascript
iview日期控件,双向绑定日期格式的方法
Mar 15 #Javascript
vue iview组件表格 render函数的使用方法详解
Mar 15 #Javascript
微信小程序实现换肤功能
Mar 14 #Javascript
Angular4集成ng2-file-upload的上传组件
Mar 14 #Javascript
You might like
如何选购合适的收音机
2021/03/01 无线电
40个迹象表明你还是PHP菜鸟
2008/09/29 PHP
PHP 安全检测代码片段(分享)
2013/07/05 PHP
php压缩和解压缩字符串的方法
2015/03/14 PHP
PHP设计模式之模板方法模式定义与用法详解
2018/04/02 PHP
laravel 输出最后执行sql 附:whereIn的使用方法
2019/10/10 PHP
PHP如何使用JWT做Api接口身份认证的实现
2020/02/03 PHP
关于Blog顶部的滚动导航条代码
2006/09/25 Javascript
用javascript父窗口控制只弹出一个子窗口
2007/04/10 Javascript
Span元素的width属性无效果原因及解决方案
2010/01/15 Javascript
jQuery 通过事件委派一次绑定多种事件,以减少事件冗余
2010/06/30 Javascript
MooBox 基于Mootools的对话框插件
2012/01/20 Javascript
jquery如何判断表格同一列不同行input数据是否重复
2014/05/14 Javascript
javascript巧用eval函数组装表单输入项为json对象的方法
2015/11/25 Javascript
快速解决Vue项目在IE浏览器中显示空白的问题
2018/09/04 Javascript
微信小程序实现写入读取缓存详解
2019/08/30 Javascript
ant-design-vue中的select选择器,对输入值的进行筛选操作
2020/10/24 Javascript
Array.filter中如何正确使用Async
2020/11/04 Javascript
[51:22]Fnatic vs IG 2018国际邀请赛小组赛BO2 第一场 8.17
2018/08/18 DOTA
Python中实现对Timestamp和Datetime及UTC时间之间的转换
2015/04/08 Python
Python实现TCP/IP协议下的端口转发及重定向示例
2016/06/14 Python
python字典操作实例详解
2017/11/16 Python
详解Python中的Numpy、SciPy、MatPlotLib安装与配置
2017/11/17 Python
tensorflow获取变量维度信息
2018/03/10 Python
详解修改Anaconda中的Jupyter Notebook默认工作路径的三种方式
2021/01/24 Python
django使用多个数据库的方法实例
2021/03/04 Python
css3的图形3d翻转效果应用示例
2014/04/08 HTML / CSS
个人校本研修方案
2014/05/26 职场文书
陈胜吴广起义口号
2014/06/20 职场文书
没有孩子的离婚协议书怎么写
2014/09/17 职场文书
刑事辩护授权委托书格式
2014/10/13 职场文书
婚宴邀请函
2015/01/30 职场文书
云冈石窟导游词
2015/02/04 职场文书
货款欠条范本
2015/07/03 职场文书
世界各国短波电台对东亚播送时间频率表(SW)
2021/06/28 无线电
oracle设置密码复杂度及设置超时退出的功能
2022/06/28 Oracle