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 01 Javascript
简单实例处理url特殊符号&处理(2种方法)
Apr 02 Javascript
基于jquery实现省市联动特效
Dec 17 Javascript
AngularJs bootstrap搭载前台框架——准备工作
Sep 01 Javascript
jQuery EasyUI ProgressBar进度条组件
Feb 28 Javascript
常用的几个JQuery代码片段
Mar 13 Javascript
ECMAScript6--解构
Mar 30 Javascript
vue 解决addRoutes动态添加路由后刷新失效问题
Jul 02 Javascript
JavaScript之解构赋值的理解
Jan 30 Javascript
layui的面包屑或者表单不显示的解决方法
Sep 05 Javascript
jQuery使用ajax传递json对象到服务端及contentType的用法示例
Mar 12 jQuery
nuxt.js 在middleware(中间件)中实现路由鉴权操作
Nov 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
php 购物车的例子
2009/05/04 PHP
PHP编程文件处理类SplFileObject和SplFileInfo用法实例分析
2017/07/22 PHP
JS解决url传值出现中文乱码的另类办法
2013/04/08 Javascript
让html页面不缓存js的实现方法
2014/10/31 Javascript
javascript实现动态加载CSS
2015/01/26 Javascript
window.open()实现post传递参数
2015/03/12 Javascript
JS实现兼容各浏览器解析XML文档数据的方法
2015/06/01 Javascript
JavaScript基于原型链的继承
2016/06/22 Javascript
JavaScript实现前端实时搜索功能
2020/03/26 Javascript
浅谈angular.copy() 深拷贝
2017/09/14 Javascript
简单实现jQuery弹窗效果
2017/10/30 jQuery
Vuex提升学习篇
2018/01/11 Javascript
vuex与组件联合使用的方法
2018/05/10 Javascript
基于Koa(nodejs框架)对json文件进行增删改查的示例代码
2019/02/02 NodeJs
解决layui富文本编辑器图片上传无法回显的问题
2019/09/18 Javascript
[59:44]2018DOTA2亚洲邀请赛 3.31 小组赛 B组 paiN vs iG
2018/03/31 DOTA
Python实现Linux中的du命令
2017/06/12 Python
Python实现的计数排序算法示例
2017/11/29 Python
python中virtualenvwrapper安装与使用
2018/05/20 Python
Python中创建二维数组
2018/10/17 Python
python 计算方位角实例(根据两点的坐标计算)
2020/01/17 Python
python matplotlib画盒图、子图解决坐标轴标签重叠的问题
2020/01/19 Python
python+opencv3.4.0 实现HOG+SVM行人检测的示例代码
2021/01/28 Python
Html5 语法与规则简要概述
2014/07/29 HTML / CSS
世界顶级户外运动品牌折扣网站:LeftLane Sports
2019/06/12 全球购物
奥地利体育网上商店:Gigasport
2019/10/09 全球购物
英国计算机商店:Technextday
2019/12/28 全球购物
儿科主治医生个人求职信
2013/09/23 职场文书
《美丽的南沙群岛》教学反思
2014/04/27 职场文书
淘宝活动总结范文
2014/06/26 职场文书
员工年终自我评价
2014/09/14 职场文书
教师党员群众路线教育实践活动心得体会
2014/11/04 职场文书
合同补充协议书
2016/03/24 职场文书
Python实战之疫苗研发情况可视化
2021/05/18 Python
python获取字符串中的email
2022/03/31 Python
Go中使用gjson来操作JSON数据的实现
2022/08/14 Golang