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 当前日期转化为中文的实现代码
May 13 Javascript
常用jQuery选择器总结
Jul 11 Javascript
使用JavaScript进行进制转换将字符串转换为十进制
Sep 21 Javascript
js事件绑定快捷键以ctrl+k为例
Sep 30 Javascript
图解JavaScript中的this关键字
May 28 Javascript
设置jQueryUI DatePicker默认语言为中文
Jun 04 Javascript
webpack写jquery插件的环境配置
Dec 21 jQuery
微信{"errcode":48001,"errmsg":"api unauthorized, hints: [ req_id: 1QoCla0699ns81 ]"}
Oct 12 Javascript
vue-openlayers实现地图坐标弹框效果
Sep 24 Javascript
React实现评论的添加和删除
Oct 20 Javascript
js实现淘宝浏览商品放大镜功能
Oct 28 Javascript
JavaScript执行机制详细介绍
Dec 06 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
为查询结果建立向后/向前按钮
2006/10/09 PHP
PHP表单递交控件名称含有点号(.)会被转化为下划线(_)的处理方法
2013/01/06 PHP
PHP载入图像imagecreatefrom_gif_jpeg_png系列函数用法分析
2016/11/14 PHP
PHP使用curl函数发送Post请求的注意事项
2016/11/26 PHP
将光标定位于输入框最右侧实现代码
2012/12/04 Javascript
如何让DIV可编辑、可拖动示例代码
2013/09/18 Javascript
js正则表达exec与match的区别说明
2014/01/29 Javascript
JQuery页面地址处理插件jqURL详解
2015/05/03 Javascript
jquery实现仿新浪微博评论滚动效果
2015/08/06 Javascript
BootStrap下拉框在firefox浏览器界面不友好的解决方案
2016/08/18 Javascript
基于jQuery实现的查看全文功能【实用】
2016/12/11 Javascript
原生js实现选项卡功能
2017/03/08 Javascript
Vue 项目代理设置的优化
2018/04/17 Javascript
使用javascript做在线算法编程
2018/05/25 Javascript
用Cordova打包Vue项目的方法步骤
2019/02/02 Javascript
通过npm或yarn自动生成vue组件的方法示例
2019/02/12 Javascript
vue.js多页面开发环境搭建过程
2019/04/24 Javascript
JavaScript实现Excel表格效果
2020/02/07 Javascript
使用Python获取CPU、内存和硬盘等windowns系统信息的2个例子
2014/04/15 Python
在Django的session中使用User对象的方法
2015/07/23 Python
Python IDLE清空窗口的实例
2018/06/25 Python
深入解析python中的实例方法、类方法和静态方法
2019/03/11 Python
pandas.read_csv参数详解(小结)
2019/06/21 Python
Python操作多维数组输出和矩阵运算示例
2019/11/28 Python
使用Tensorflow实现可视化中间层和卷积层
2020/01/24 Python
python 轮询执行某函数的2种方式
2020/05/03 Python
python Zmail模块简介与使用示例
2020/12/19 Python
毕业生个人的自我评价优秀范文
2013/10/03 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
党的群众路线教育实践活动学习心得体会
2014/03/03 职场文书
2015年“七七卢沟桥事变”纪念活动总结
2015/03/24 职场文书
小学生安全教育主题班会
2015/08/12 职场文书
jQuery实现影院选座订座效果
2021/04/13 jQuery
VUE中的v-if与v-show区别介绍
2022/03/13 Vue.js
使用CSS定位HTML元素的实现方法
2022/07/07 HTML / CSS
td 内容自动换行 table表格td设置宽度后文字太多自动换行
2022/12/24 HTML / CSS