vue2+ivew select选项框表单验证问题

于 2024-07-26 15:39:05 发布
阅读量133 收藏
点赞数 3
文章标签： 前端 view design
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_46463849/article/details/140373328
版权

当规则类型不同时，下面的item验证类型与规则也都不同，所以一般的规则校验就不适用了。并且select单选时只接受 String 或 Number，多选时只接受 Array|String | Number | Array，这是ivew官网上的话，但其实多选是只接受array类型。

页面代码

自定义校验规则

规则写入rules数据

还有一个formItem中需要校验多个的

方法时在form Item中嵌套formItem

热心网友jwj
关注
  • 3
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
关于iview表单验证的问题
日常笔记/总结/系列知识梳理
04-19 1万+
关于iview表单验证的问题 iview表单验证的步骤： 第一步：给 Form 设置属性 rules :rules 第二步：同时给需要验证的每个 FormItem 设置属性 prop 指向对应字段即可 prop=”“ 第三步：注意：Form标签里面是 :model 第四步：注...
vue+ivew model框 select校验遇到的问题
maxiaole_z的博客
07-27 588
第二步：删除：@on-ok="confirmCarryOver" @on-cancel="cancel" cancelText="关闭" okText="确认"类似的定义。4.注意： 2.如果select选择后，校验不消失添加：trigger: "change"多个：trigger: ['blur', 'change']单个： trigger: 'change'
iview的select表单验证必填不通过
最新发布
Kino的博客
01-18 710
iview默认校验数据类型为String，而我的select用的id是number类型的，因为type校验类型不一致，所以导致一直验证不通过。iview在表单内使用select下拉框的时候，select验证为必填，我选择了数据，却一直提示验证不通过。
Vue Element Select选择器自定义验证规则
路虽远行则将至，事虽难做则必成。
12-02 4944
在我们在做增删改查的时候，一般会遇到添加和修改的from表单需要表单验证。一般常规的from表单是有自己的验证规则，from加一个 :rules="rules"但他需要v-model值和prop值要一样，这是常规情况。我遇到的是，绑定多个负责人和对应的电话，加验证规则。实际场景1.我们在from表单绑定多个负责人就需要使用到 select 选择器，下拉的数据是点击打开弹框时发请求来的。2.点击选中的时候，数据时对象形式，id 名字 电话 绑定在一起的。选中负责人的时候，我们是把一整个对象存到数组里面。
iview表单验证的问题
你如今的气质里，藏着你走过的路，经历过的事，读过的书，和爱过的人。
08-12 368
第一步：给Form设置属性:rules="ruleadd"。 第二步：给Form设置属性:model。 第三步：在Form标签里面必须添加ref，相当于id，在此范围内的表单验证有效。 第四步：给需要验证的每个FormItem设置属性prop指向对应的 第五步：在操作按钮时，添加方法，对整个表单进行校验，参数为校验完的回调，会返回一个Boolean表示成功与失败 一 iview进行表单验证sel...
vue+element-ui select必填项验证回显问题+实现重置表单内容
qq_45726323的博客
09-03 2898
今天在做页面的时候，需要含有两个form表单，表单的内容以及验证信息的重置。但是在做必填项的时候，我发现关闭页面再打开会回显红色。
【vue3+elementuiplus】el-select下拉框会自动触发校验规则的最强解决方案
bbt953的博客
08-02 9914
el-select下拉框会自动触发校验规则的最强解决方案
浅谈关于iview表单验证的问题
10-17
iview表单验证中的问题主要涉及到select选择器的验证问题以及时间日期格式的验证问题。在select选择器的场景中，iview默认将数据类型校验为字符串，如果使用number类型作为select的value值，就可能出现校验不通过的...
vue集成iview使用select级联查询第二级数据无法显示
qq_43469899的博客
09-19 1077
后台接口: 首先是一级 xml <select id="selectLevel" resultMap="BaseResultMapS"> SELECT DISTINCT cl.`parent_name`,cl.`parent_id` FROM t_complaint_level cl </select> BaseResultMapS这是一个结果集合,封...
iview select选中值取值_iView的Select选择框
weixin_39922147的博客
12-20 3039
目录在此先列出解决了那些问题，以防读者看完了没有用处：1、示例，最基础的使用方法2、传参，传多个值的方式3、默认值4、清空重置无效5、可搜索的用法及如何限制搜索字符长度一、示例html:{{item.name}}js:data: {formSend: {name: '',code: ''},dataList: [{id: 1,name: '中国',code: 'china'}]},methods:...
iview-table组件内-插槽中的表单校验
liuhao9999的博客
10-14 245
【代码】iview-table组件内-插槽中的表单校验。
uView 封装 Select 组件
小哈力----一个小前端工程师
02-28 3181
uview封装select。将组件代码以Select.vue 命名，放置于components目录下的Select下，这样命名后，系统在任意页面都可以找到这个组件
Vue2封装自制组件（四）：选择框组件
Mib_vi的博客
10-05 965
当然，如果需要点击后回调的还可以在input中加一个@change，内容更改后的组件。学习链接：https://blog.csdn.net/lk_123456/article/details/120196318 三：选择框组件使用示例
Vue中rules表单验证（常用）
热门推荐
lzzw的学习之路
11-19 4万+
vue的rules用法及自带的校验规则和常用正则表达式校验
Iview 表单验证的规则总结
赵树祥的博客
06-19 2万+
参考文档： https://github.com/yiminghe/async-validator 1. 支持的基本类型 <FormItem prop="UserId" :rules=" [ { required: true, message: '请选择一项', trigger: 'change',type:'number',min:...
Vue2选择器（Select）
Mr Dear的博客
05-26 2万+
使用Vue2封装的与ant design样式类似的下拉选择器组件。
在vue里面，element ui，el-select表单选中校验失败
qq_40712862的博客
07-28 4899
在vue里面，element ui，el-select表单选中校验失败
uView的select列选择器
徐三岁的博客
05-21 5848
uView的select列选择器多列联动模式的坑! 需要写一个省 市 县的三级联动效果，第一行的第三列是空的，我拿到的第一行的第三列的数据是null 第一张图是我拿到的数据 第二张图是接口数据实现的效果 第三张图是我需要实现的效果（广东后一列显示空白，广西后一列正常显示） 解决办法：给第一行的第三列的数据的赋一个空值 data[0].children[0].children = [{}] 第四张图是处理之后的数据 ...
uniapp + uview Select选择器(u-action-sheet)数据绑定 value,展示 text ------之------ 两个联动的Select选择器
YZRHANYU的博客
11-15 6666
uniapp + uview Select选择器(u-action-sheet)数据绑定 value,展示 text ------之------ 两个联动的Select选择器
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值