多表单验证，必填符号跟着表单走 ，非必填变成了必填，必填变成了非必填。

最新推荐文章于 2023-11-15 12:34:58 发布
最新推荐文章于 2023-11-15 12:34:58 发布
阅读量1.2k 收藏 1
点赞数
文章标签： vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_44671162/article/details/103565598
版权

问题提描述
1， 非必填出现了必填符号。
切换表单的时候 表单的验证不会随着表单
正常显示
第一个表单

第二个表单
在这里插入图片描述
错误展示。
在这里插入图片描述

解决方法
在表单中添加key
key=“dismantle”
在这里插入图片描述
2 必填缺少了必填符号

表单二 正常显示
在这里插入图片描述
表单一 正常显示
在这里插入图片描述
问题图
在这里插入图片描述
解决方法和上边一样
解决方法
在表单中添加key
key=“dismantle”

流浪-人杰
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 3
    评论
form表单验证
小虾的博客
05-08 1260
/*  * 输入框验证 *  * 注： *    1、必填验证需要在必填处加入 class="required" *  2、长度最大值需要在input加入自定义属性maxlen，例如maxlen="3"*/function validatorForm(){ //必填验证 var validatorList  = $(".required"); for(var i = 0; i < val...
element ui表单必填_详解element-ui设置下拉选择切换必填和非必填
weixin_35728286的博客
12-29 2245
➢ 需求默认都是必选下拉选择的时候选择必填，活动名称为必填，需要校验和显示*选择非必填，活动名称不做校验，隐藏*➢ 初始校验规则经测试，网上其他的方式都没有实现需求，动态切换rules中的required没有作用因为按照以下的写法的话，element-ui在组件初始化后校验规则就定型了，切换也没用rules: {name: [{ required: true, message: "请输入名称", ...
交互式与非交互式_HTML5的交互式印刷效果
culiao9310的博客
09-29 516
交互式与非交互式View demo 查看演示Download Source 下载源With HTML5 gaining popularity, this tutorial outlines what is really just the tip of the icebergthat is interactive design. I will go over...
el-from的表单的员工信息，密码新增的时候必填，修改的时候可以不填。
南漂一枚
11-17 243
密码有时候必填，又是不是必填。
element form表单设置下拉选择切换必填和非必填
ghjhhkj的博客
09-17 3096
参考链接：https://dsx2016.com/?p=529 <el-form-item label="发票类型" prop="billType"> <el-select v-model="applyData.billType" collapse-tags @change="changeType"> ...
antd form 解决切换下拉框 对应输入框必选非必选问题
weixin_36766850的博客
12-28 1540
需求：form表单内一个输入框 和一个选择框。当选择框选择为"非必要"时，输入框必填，当选择框为其他时，输入框不非必填。 解决：form表单中选择框增加required校验，为true时（最好直接判断，不要用useState定义值，判断不及时），则提示星号。且提交时记得增加校验判断。 产生问题：当选择“非必要”时，输入框输入，再退出，提示“请输入内容”，不处理再切换为其他，输入框的错误提示仍存则。 解决:再切换的onChange事件中，增加resetField(['form表单对应的输入框字段‘],或
yii去掉必填项中星号的方法
12-18
在Yii框架中，表单元素的必填项通常会通过...以上就是关于Yii框架中去除或替换表单必填项星号的方法及其相关知识点的详细说明。通过理解这些概念和技巧，开发者可以更灵活地定制表单的显示效果，以满足不同的设计需求。
JavaScript表单验证实现代码
12-10
JavaScript 表单验证是网页开发中的重要一环，它允许开发者在用户提交数据到服务器之前进行数据的合法性检查，从而提高用户体验并减轻服务器端的压力。本文将深入探讨如何使用JavaScript来实现基本的表单验证。 ...
javascript表单验证使用示例(javascript验证邮箱)
10-26
JavaScript 表单验证是网页开发中一种常见的技术，它允许开发者在用户提交数据到服务器之前对用户输入的数据进行检查，确保其格式正确、合法。这不仅提高了用户体验，减少了无效请求，也减轻了服务器端的处理压力。...
vue实现表单数据验证的实例代码
09-29
- 正如代码注释所示，`v-validate`指令可以接受一个字符串，该字符串包含多个验证规则，用管道符号`|`分隔，如`required|email|phone|min(5)|max(15)`等。 4. **自定义验证规则**： - Vue中，还可以使用`Vue....
分享JS表单验证源码（带错误提示及密码等级）
10-15
【JS表单验证】在网页开发中，表单验证是一个必不可少的部分，用于确保用户输入的数据符合预期格式和规则，防止因无效数据导致的系统错误或数据安全问题。JS（JavaScript）作为客户端脚本语言，常被用来实现表单验证...
javascript表单验证大全
12-01
在本文中，我们将深入探讨几种常见的表单验证技术，包括必填项验证、电子邮件验证和基本的日期与数字验证。 1. 必填项验证： 在表单中，有些字段是必需的，用户必须填写。JavaScript 提供了一种方法来检查这些字段...
详解HTML5中表单验证的8种方法介绍
09-27
HTML5的表单验证是现代Web开发中一个重要的功能，它允许开发者在用户提交表单前检查输入的有效性，...同时，良好的用户界面设计也至关重要，如提供清晰的错误提示和易于理解的验证规则，可以进一步提升表单验证的效果。
jquery注册验证实例会员注册表单验证代码
11-11
jQuery是一个流行的JavaScript库，它简化了DOM操作、事件处理和动画效果，同时也为表单验证提供了便利。本实例将深入探讨如何使用jQuery进行会员注册表单的验证。 首先，我们需要理解jQuery的基本用法。jQuery通过`...
表单验证插件(jquery)
07-22
这里我们关注的是一个基于jQuery的自定义表单验证插件，该插件具有丰富的功能，如支持自定义样式、图像提示以及多个正则表达式验证。 首先，jQuery是一个快速、简洁的JavaScript库，它简化了HTML文档遍历、事件处理...
element ui表单必填_elementUI 表单校验切换必填和非必填
weixin_39795116的博客
01-12 2592
需求描述消息类型为跳转外部链接的时候，活动地址为必填项，否则为非必填项消息类型为跳转外部链接 消息类型为其他 如果使用elementUI 的表单验证rules来校验的话，经过测试，elementui在组件初始化后校验规则就定型了，切换是没有效果的 解决方案第一步：去掉"活动地址”中rules校验的规则，即target 第二步：在“活动地址”的form-item上添加required属性 第三步：计...
element-ui设置下拉选择切换必填和非必填
最新发布
m0_38109616的博客
11-15 693
【代码】element-ui设置下拉选择切换必填和非必填。
切换el-from表单不触发验证
weixin_42549581的博客
11-16 1414
开发时遇到一个问题，复用element表单，通过v-if控制显示的表单项，一个状态是非必填输入框，另一个是必填输入框。从非必填的表单项切换为必填表单项后，去验证表单会出现验证通过的情况，但是必填项其实为空。 <!-- 电话上报 && 其他--> <template v-if="formData.reportingMethod === 1 || formData.reportingMethod === 4"> <el-form-item
element select组件 赋值之后还是校验必填
吴冬雪的博客
11-30 2527
当分类一切换时，分类二、三、四等都需要清空原值，重新选取，但是在分类一的 change 事件里，发现页面分类二已经显示，依旧提示没选择，校验失败。当多个级联情况下，下拉赋值值赋不上去，this.$focreUpdata() 强制更新，这时值就可以绑定上去，但同时绑定时校验也会失效。分类一切换时，清空表单原值使用的是 this.doorSlowForm.diseCode = "" 手动设为空，校验失败。2，也可以在分类一切换同时，手动将分类二下拉集合的第一个元素赋值到分类二的值上去。
uniapp中view必填的提示符号怎么加
06-06
你可以在 `<view>` 标签中添加一个必填项的标识，例如 `*`，来提示用户该字段为必填项。以下是一个示例： ```html <view> <view class="label">姓名：</view> <view class="input"> <input type="text" name="name" placeholder="请输入姓名" required /> <view class="required">*</view> </view> </view> ``` 在这个示例中，我们在 `<input>` 标签中添加了 `required` 属性来设置该输入框为必填项，然后在 `<view>` 标签中添加了一个 `<view class="required">*</view>`，用来显示必填项标识。你可以通过 CSS 样式来设置标识的样式。 ```css .required { color: red; font-size: 16px; margin-left: 5px; } ``` 这里我们设置了标识的颜色为红色，字体大小为 16px，左边距为 5px，你可以根据需要调整样式。 在提交表单时，你可以使用 JavaScript 进行表单验证，并在必要时显示必填项的提示消息。例如： ```javascript const form = document.querySelector('form'); const errorMsg = document.querySelector('#errorMsg'); form.addEventListener('submit', (event) => { event.preventDefault(); if (form.checkValidity()) { // 如果表单已填写必填项，则提交表单 form.submit(); } else { // 如果表单未填写必填项，则显示提示消息 errorMsg.textContent = '请填写必填项'; } }); ``` 在这个示例中，我们使用 `checkValidity()` 方法来检查表单是否已填写必填项。如果表单已填写必填项，则该方法返回 `true`，否则返回 `false`。如果返回值为 `false`，则可以显示必填项的提示消息。你可以根据需要调整提示消息的内容和样式。

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值