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 相关文章推荐
jquery实现简单的拖拽效果实例兼容所有主流浏览器
Jun 21 Javascript
js中方法重载如何实现?以及函数的参数问题
Aug 01 Javascript
jquery如何扑捉回车键触发的事件
Apr 24 Javascript
jquery简单实现幻灯片的方法
Aug 03 Javascript
一个炫酷的Bootstrap导航菜单
Dec 28 Javascript
JS实现禁止高频率连续点击的方法【基于ES6语法】
Apr 25 Javascript
JavaScript实现隐藏省略文字效果的方法
Apr 27 Javascript
JS实现简单抖动效果
Jun 01 Javascript
详解VUE里子组件如何获取父组件动态变化的值
Dec 26 Javascript
实用Javascript调试技巧分享(小结)
Jun 18 Javascript
解决Vue 刷新页面导航显示高亮位置不对问题
Dec 25 Javascript
JS document内容及样式操作完整示例
Jan 14 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
Banner程序
2006/10/09 PHP
浅析ThinkPHP缓存之快速缓存(F方法)和动态缓存(S方法)(日常整理)
2015/10/26 PHP
PHP实现支持加盐的图片加密解密
2016/09/09 PHP
对php 判断http还是https,以及获得当前url的方法详解
2019/01/15 PHP
firefo xml 读写实现js代码
2009/06/11 Javascript
javascript 获取页面的高度及滚动条的位置的代码
2010/05/06 Javascript
jquery 日期控件datepicker属性详细解析
2013/11/08 Javascript
JavaScript计划任务后台运行的方法
2015/12/18 Javascript
jQuery基于xml格式数据实现模糊查询及分页功能的方法
2016/12/25 Javascript
jQuery加密密码到cookie的实现代码
2017/04/18 jQuery
分享19个JavaScript 有用的简写写法
2017/07/07 Javascript
vue-cli脚手架-bulid下的配置文件
2018/03/27 Javascript
详解React中合并单元格的正确写法
2019/01/08 Javascript
详解基于 Node.js 的轻量级云函数功能实现
2019/07/08 Javascript
layui实现三级导航菜单
2019/07/26 Javascript
零基础写python爬虫之抓取百度贴吧代码分享
2014/11/06 Python
python使用chardet判断字符串编码的方法
2015/03/13 Python
python使用wmi模块获取windows下的系统信息 监控系统
2015/10/27 Python
Python实现二维有序数组查找的方法
2016/04/27 Python
使用tensorflow实现AlexNet
2017/11/20 Python
Python读取MRI并显示为灰度图像实例代码
2018/01/03 Python
Keras自定义实现带masking的meanpooling层方式
2020/06/16 Python
Python接口自动化测试的实现
2020/08/28 Python
学生如何注册Pycharm专业版以及pycharm的安装
2020/09/24 Python
Python监听键盘和鼠标事件的示例代码
2020/11/18 Python
Betsey Johnson官网:妖娆可爱的连衣裙及鞋子、手袋和配件
2016/12/30 全球购物
巴黎卡诗加拿大官网:Kérastase加拿大
2018/11/12 全球购物
英国标志性生活方式品牌:Skinnydip London
2019/12/15 全球购物
应聘医学检验人员自荐信
2013/09/27 职场文书
优秀毕业生求职信范文
2014/01/02 职场文书
人力资源职位说明书
2014/07/29 职场文书
天猫活动策划方案
2014/08/21 职场文书
中学生检讨书范文
2014/11/03 职场文书
通知范文怎么写
2015/04/16 职场文书
大学生学习十八届五中全会精神心得体会
2016/01/05 职场文书
使用Python开发贪吃蛇游戏 SnakeGame
2022/04/30 Python