对下拉框设置必填非必填

最新推荐文章于 2024-07-15 14:59:04 发布
最新推荐文章于 2024-07-15 14:59:04 发布
阅读量2.4k 收藏 2
点赞数 1
分类专栏： Vue的学习使用-个人笔记 文章标签： elementui
原文链接：https://www.jb51.net/article/163201.htm
版权

思路：对于form表单的字段，展示为下拉框，由于需求，需要实现必填，和非必填两种情况，
此时，不要对 进行 动态 :required = ‘isAble’ 绑定，发现是无效的，对该字段所在
的 进行动态 :required='isAble’绑定。

绑定后，如果必填时，提示信息会很不舒服(纯英文)，这时最好在rules里加上该字段的自定义校验。

参考：详解element-ui设置下拉选择切换必填和非必填

啃啃香
关注
  • 1
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
element 下拉选择怎么提示必选_制作多级联动下拉菜单
weixin_39528219的博客
01-12 484
Hello，大家好，今天跟大家分享下如何制作二级三级联动下拉菜单，四级五级甚至更多级的下拉菜单也是这样制作的，话不多说我们先来看一下效果，如下图我们在省份中选择河南，在城市中就只能选择河南的城市，当我们选择城市后，在区县中也只能选择对应城市的区县这样的多级联动下拉菜单的制作也非常简单，下面就让我们来一起操作下吧一，整理数据，定义名称首先我们要对数据进行整理，在这里每一列的第一个数据都是我...
el-select 必填项验证 下拉框必填项验证
weixin_50885665的博客
04-10 8115
注意:选择的数据类型 常规的方式，注意 第一点： v-model绑定的数据要和上面的prop的名称一致 第二点: 由于Form的校验内置了async-validator，而它会给每个字段加一个默认的值为string的type规则，即默认情况下字段必须是字符串型。 但是一般选择的是类别的id，所以类别就需要你自己设置成number才可以 type类型: string number password: [ {required: true, ...
若依代码自动生成表带下拉框必填无效，无法回显问题
博客
06-22 2941
做项目时遇到使用若依框架生成代码时，发现生成页面中下拉框属性有值时无法回显到页面上，并且在rules里面添加required信息，无法完成校验，页面也不显示红星。排查发现是代码生成时漏掉了prop属性绑定。 添加对应prop属性 <el-form-item label="类型" prop="type"> <el-select v-model="form.type" placeholder="请选择类型"> <el-option v-for="dic.
element-ui设置下拉选择切换必填和非必填
weixin_33772645的博客
06-16 2539
➢ 需求默认都是必选下拉选择的时候选择必填，活动名称为必填，需要校验和显示*选择非必填，活动名称不做校验，隐藏*➢ 初始校验规则经测试，网上其他的方式都没有实现需求，动态切换rules中的required没有作用因为按照以下的写法的话，element-ui在组件初始化后校验规则就定型了，切换也没用rules: { name: [ { required: true, mess...
vue+element-下拉框（可选择可输入）
最新发布
2401_86299223的博客
07-15 693
vue+element下拉框，可输入。
如何设置下拉框为必选
weixin_35751194的博客
12-21 501
要设置下拉框为必选，有以下几种方法： 使用 HTML 表单元素的 required 属性。例如： <select required> <option value="">请选择</option> <option value="1">选项 1</option> <option value="2">选项 2</...
layui表单验证必填；下拉列表必填；xmselect必填；layui vue下拉列表必填
qq_39517116的博客
02-14 7617
layui表单验证必填；下拉列表必填；xmselect必填；layui vue下拉列表必填
详解element-ui设置下拉选择切换必填和非必填
12-10
3. **创建计算属性`isHaveTo`**：定义一个计算属性`isHaveTo`，根据下拉选择框的值来设置其为`true`（必填）或`false`（非必填）。例如，当选择“非必填”时，`isHaveTo`为`false`。 ```javascript computed: { ...
用js设置下拉框为只读的小技巧
12-02
在网页开发中，有时我们需要对用户界面进行特定的交互设计，比如将下拉框（select元素）设置为只读状态，防止用户修改其选中的值。然而，HTML标准的select元素并不直接支持“readonly”属性，这就需要我们利用一些...
layui表单验证select下拉框实现验证的方法
12-29
layui 的form表单里的select 一开始以为加上lay-verify=”required”就可以验证不空了,可是反复试了几次都不能验证 代码如下： 所属工种: <select name=work_id lay-verify=required lay-search>...
Struts2 自定义下拉框Tag标签
09-02
在这种情况下，Action类需要包含一个名为`sexList`的Map属性，Map的键值对将对应于下拉框的值和显示文本。 通过自定义标签，我们可以更好地封装和复用代码，特别是在需要从数据库或其他数据源动态获取下拉框选项的...
Java POI下载Excel模板 Excel带有下拉框的模板
06-10
Java POI下载Excel模板 Excel带有下拉框的模板，并有详细注释，生成exlcel的下拉框，必填项标红，数字栏位防止科学计数法，并设置Excel标题样式
element ui表单必填_详解element-ui设置下拉选择切换必填和非必填
weixin_35728286的博客
12-29 2274
➢ 需求默认都是必选下拉选择的时候选择必填，活动名称为必填，需要校验和显示*选择非必填，活动名称不做校验，隐藏*➢ 初始校验规则经测试，网上其他的方式都没有实现需求，动态切换rules中的required没有作用因为按照以下的写法的话，element-ui在组件初始化后校验规则就定型了，切换也没用rules: {name: [{ required: true, message: "请输入名称", ...
element 下拉选择怎么提示必选_Python自动化之下拉框，隐藏标签定位 代码&报错解决...
weixin_39704246的博客
01-19 148
python自动化：下拉框定位方法之select标签 style="display: none;"报错selenium.common.exceptions.ElementNotVisibleException: Message: element not visible: Element is not currently visible and may not be manipulated界面源码：...
element form表单设置下拉选择切换必填和非必填
ghjhhkj的博客
09-17 3114
参考链接：https://dsx2016.com/?p=529 <el-form-item label="发票类型" prop="billType"> <el-select v-model="applyData.billType" collapse-tags @change="changeType"> ...
Vue实现ElementUI中列表的选填与必填（根据一个下拉框选项内容决定另一个下拉框是否为必填项）
热门推荐
SunPeng的博客
01-12 1万+
需求： （1）根据厂商决定设备名称是否选填或必填。 （2）如果厂商为华为，设备名称为必填并自定义提示信息； （3）如果厂商为其他，设备名称为非必填 建议使用法二 1、data里： data(){ return{ isShow:false,//判断是否为必填 //这里是法一（不推荐使用） /* rules: { //company: [{ required: isShow, message:
form表单rules中解决数字非必填函数
n_2021的博客
04-12 366
笔记： rules: { consumeSteam: [ { required: false, type: 'number', message: '蒸汽用量必须为数字', trigger:'blur', transform(value) { // 用于解决数字非必填函数。 // 若是没有该函数，该字段会在表单提交时候进行触发（造成必填字段） if (value
element表单非必填自定义校验规则
m0_52313178的博客
07-31 4784
element表单非必填自定义校验规则使用场景必填校验规则与自定义校验规则重写自定义函数解决bug 使用场景 众所周知element自带了一些校验规则，比如说校验一些值的类型我们可以改变input的type属性来达到我们想要效果，如何是必填，我们rules中加入required为true就好，如果你的表单中的值不是必填项，但只要有值就要校验值的格式呢？格式的规则element本身没有，所以我们要自定义校验规则。两个问题，自定义校验规则怎么写？非必填怎么做？ 必填校验规则与自定义校验规则 首先我们看必填
antd form 解决切换下拉框 对应输入框必选非必选问题
weixin_36766850的博客
12-28 1564
需求：form表单内一个输入框 和一个选择框。当选择框选择为"非必要"时，输入框必填，当选择框为其他时，输入框不非必填。 解决：form表单中选择框增加required校验，为true时（最好直接判断，不要用useState定义值，判断不及时），则提示星号。且提交时记得增加校验判断。 产生问题：当选择“非必要”时，输入框输入，再退出，提示“请输入内容”，不处理再切换为其他，输入框的错误提示仍存则。 解决:再切换的onChange事件中，增加resetField(['form表单对应的输入框字段‘],或
elementui下拉框必填
09-08
elementui下拉框必填可以通过设置`filterable`属性为`true`和`clearable`属性为`false`来实现。 `filterable`属性用于启用下拉框的筛选功能，让用户可以根据关键字来搜索选项。当设置为`true`时，下拉框会显示一个搜索框，用户可以输入关键字进行筛选。这样，即使下拉框中没有必选项，用户也可以通过输入来选择或指定某一选项。 `clearable`属性用于控制是否允许清空下拉框的选项。当设置为`false`时，下拉框的选项将不可清空，即必填。用户只能从选项中选择一个，不能将其清空。 通过将`filterable`属性设置为`true`和`clearable`属性设置为`false`，就可以确保elementui下拉框的必填属性。在表单提交之前，对下拉框的选项进行验证，确保用户已经选择了一个选项，以满足必填条件。 总结起来，通过设置`filterable`属性为`true`和`clearable`属性为`false`，可以将elementui下拉框设置为必填。这样，用户必须从下拉框中选择一个选项，而不能留空。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值