el-form-item添加校验规则后取消前面的星号

原创 已于 2023-11-03 16:12:27 修改 · 549 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#elementui

于 2023-11-03 16:11:54 首次发布
本文探讨了在电话号码添加rules校验时，如何移除显示中的星号，以提高用户体验，关注点在于前端开发中的格式和规范调整。

0 效果

联系电话添加了rules校验，但前面的星号不需要
在这里插入图片描述

1 样式

在这里插入图片描述

在这里插入图片描述

o0麦嘎
关注
elementUI表单不显示星号
文龙刚的博客
12-28 3486
elementUI表单不显示星号
通过css去除某一项el-form-item的必填验证的小星星
weixin_60886885的博客
03-03 882
通过css去除某一项el-form-item的必填验证的小星星
elementUI 表单校验-----取消小星星
ccyolo的博客
03-01 2958
elementUI---表单校验 取消红色星号
el-form-item中如何设置第一个el-input有红色星号后面的没有
fury的博客
03-22 982
/el-form-item>上面的代码请更改成：只有第一个有红色的星号进行校验，后面的就不再有红色的星号，不再校验了，请写代码。required: true, message: '通知邮箱不能为空', trigger: 'blur'条件渲染来实现不同的校验和标记。重点：上面的 :rules进行了index的判断。:label="'通知邮箱' ">删除
elementui el-form-item标签 label前加红色星号且不校验必填
m0_53682699的博客
12-15 4586
刚开始，我直接在该el-form-item标签上加 required 来获取红色星号。如何避开required且顺利加上红色星号呢？有两种方式：1、在该el-form-item标签上加一个class=“is-required”即可。2、在label下加label设置项。需求：需要在el-form-item标签 label前加红色星号，但不需要校验该字段。
form表单中把星号*去掉
qq_40409143的博客
11-25 4838
只需要把required: true去掉就好了 关于表单验证中会有许多的细节问题需要注意 写法有很多种 注意格式 还有一点，如果验证方法是写在行内，那么他的方法需要在methods种写
el-form 表单校验非必填，有值才校验，不展示星号的方法
weixin_42414634的博客
01-24 835
required: false, 解决问题。
element-ui去掉必填项的小星星（星号） 属性：hide-required-asterisk
热门推荐
orange_girls的博客
10-19 1万+
当设置表单项为必填时，左侧会出现一个红色小星星 因为该表单所有项都是必填的，所以我不想让这个红色星星出现 根据element-ui官网，给el-form表单加上hide-requied-aterisk，值为布尔值 页面立刻修改成功 ......
(vue)el-form表单隐藏校验星号
nyf_unknow的博客
10-30 1314
【代码】(vue)el-form表单隐藏校验星号。
ElementPuls校验规则，去掉小星星
cmx5201314的博客
03-03 822
校验去掉小星星
element-ui不带星号的表单校验
agua001的博客
07-30 4405
必填项不带星号 form标签中有 :rules = “rules” 表单项中有 prop 校验规则：{ validator: validateCreditCode, trigger: ‘blur’ } 把required: true 去掉即可
去除form表单必填的*
m0_59893762的博客
08-15 530
在<el-form>中添加:hide-required-asterisk="true"即可。
form表单，标签名对齐，不对齐星号
weixin_47806588的博客
07-22 331
'' : 'space'">套餐价格</span><el-input v-model="form.price" placeholder="请输入套餐价格" />
Vue3中el-form resetFields()清空表单方法（清空功能失效原因查找）
最新发布
2201_76137995的博客
03-14 981
Vue3中el-form resetFields()清空表单方法（清空功能失效原因查找）
element表单前面添加红色星号
记不住代码的前端混子
05-08 2867
element表单前面添加红色星号。
element-ui的form表单自定义校验时星号(*)丢失后添加星号
Guojun19900715的博客
06-19 1398
解决element-ui的form表单自定义校验丢失*号的问题
Vue ElementPlus Form、Form-item 表单
小楼一夜听春雨，深巷明朝卖杏花
03-31 9844
每一个表单域由一个 Form-Item 组件构成，表单域中可以放置各种类型的表单控件，包括 Input、Select、Checkbox、Radio、Switch、DatePicker、TimePicker。由输入框、选择器、单选框、多选框等控件组成，用以收集、校验、提交数据，组件升级采用了 flex 布局，以替代旧版本的 float 布局。包括各种表单项，比如输入框、选择器、开关、单选框、多选框等。属性传入约定的验证规则，并将 Form-Item 的。Form 组件提供了表单验证的功能，只需要通过。
修改 elementUI 中 el-form 表单组件的星号位置
qq_45599738的博客
01-17 1271
通过引入样式的方式修改element的属性
element-ui隐藏表单必填星号
10-24 728
/ 必填星号在前显示 去掉。// 必填星号在结尾显示。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
表情包 代码片
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值