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去掉数组中的重复元素
Jan 13 Javascript
Jquery工作常用实例 使用AJAX使网页进行异步更新
Jul 26 Javascript
JavaScript实现QueryString获取GET参数的方法
Jul 02 Javascript
Jquery ajaxStart()与ajaxStop()方法(实例讲解)
Dec 18 Javascript
JavaScript中判断原生函数检查function是否是原生代码
Sep 09 Javascript
vue工程全局设置ajax的等待动效的方法
Feb 22 Javascript
js字符串处理之绝妙的代码
Apr 05 Javascript
vue+echarts实现可拖动节点的折线图(支持拖动方向和上下限的设置)
Apr 12 Javascript
JavaScript数组排序小程序实现解析
Jan 13 Javascript
Javascript作用域和作用域链原理解析
Mar 03 Javascript
jQuery实现雪花飘落效果
Aug 02 jQuery
vue实现拖拽交换位置
Apr 07 Vue.js
用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
一步一步学习PHP(6) 面向对象
2010/02/16 PHP
ThinkPHP框架任意代码执行漏洞的利用及其修复方法
2014/07/04 PHP
PHP实现的sqlite数据库连接类
2014/12/12 PHP
yii实现使用CUploadedFile上传文件的方法
2015/12/28 PHP
PHP pear安装配置教程
2016/05/14 PHP
CI框架表单验证实例详解
2016/11/21 PHP
浅谈PHP安全防护之Web攻击
2017/01/03 PHP
PHP自动生成缩略图函数的源码示例
2019/03/18 PHP
js indexOf()定义和用法
2012/10/21 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
node.js中的http.response.writeHead方法使用说明
2014/12/14 Javascript
javascript实现给定半径求出圆的面积
2015/06/26 Javascript
JavaScript统计字符串中每个字符出现次数完整实例
2016/01/28 Javascript
Javascript之Number对象介绍
2016/06/07 Javascript
Boostrap栅格系统与自己额外定义的媒体查询的冲突问题
2017/02/19 Javascript
JavaScript中click和onclick本质区别与用法分析
2018/06/07 Javascript
Vuex 使用 v-model 配合 state的方法
2018/11/13 Javascript
vue h5移动端禁止缩放代码
2019/10/28 Javascript
在微信小程序中使用mqtt服务的方法
2019/12/13 Javascript
微信小程序拖拽排序列表的示例代码
2020/07/08 Javascript
利用Python库Scapy解析pcap文件的方法
2019/07/23 Python
Pytorch实现神经网络的分类方式
2020/01/08 Python
Python Tornado批量上传图片并显示功能
2020/03/26 Python
Python importlib模块重载使用方法详解
2020/10/13 Python
flask项目集成swagger的方法
2020/12/09 Python
实例讲解使用HTML5 Canvas绘制阴影效果的方法
2016/03/25 HTML / CSS
KEETSA环保床垫:更好的睡眠,更好的生活!
2016/11/24 全球购物
异步传递消息系统的作用
2016/05/01 面试题
生物技术毕业生自荐信
2013/10/23 职场文书
室内设计专业个人的自我评价
2013/12/18 职场文书
企业道德讲堂实施方案
2014/03/19 职场文书
2014年十一国庆节活动方案
2014/09/16 职场文书
董事长开业致辞
2015/07/29 职场文书
2019让人心动的商业计划书
2019/06/27 职场文书
导游词之江南园林狮子林
2019/09/16 职场文书
使用numpy nonzero 找出非0元素
2021/05/14 Python