如何针对单个表单项去掉验证和添加验证？

最新推荐文章于 2024-04-08 10:30:06 发布
最新推荐文章于 2024-04-08 10:30:06 发布
阅读量304 收藏
点赞数
文章标签： vue.js 前端
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/qq_42080594/article/details/128973161
版权
博客内容主要展示了在Vue中进行表单校验操作的代码。通过this.$refs.conpanyForm.clearValidate('district')可清除校验，使用this.$refs.conpanyForm.validate('district')能添加校验，体现了Vue在前端表单校验方面的应用。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

this.$refs.conpanyForm.clearValidate('district') // 清除校验

this.$refs.conpanyForm.validate('district') // 添加校验

条件下手动清除表单的验证
代码青春
11-10 447
条件下手动清除表单的验证
vue3 - element plus实现动态表单Form点击新增或删除行列，复杂嵌套行规则表单需要 “或“ “且“ 表达式进行并排横向与纵向插入及校验为空（每行之间是或的关系，行中每一列是且的关系）
最新发布
高级前端工程师
12-19 6443
vue3，element plus，动态表单form，动态新增移除一行，el-form，点击按钮新增删除一行，复杂嵌套表单动态删减，form表单组件如何做复杂的动态增删功能，行规则，后台管理系统行规则配置表单功能，如何做且和或逻辑运算符连接表单，示例代码，ElementPlus动态表单包括新增行/删除行/动态表单验证/提交功能，横向和纵向都实现数据插入，单个按钮点击后在数组中push一个新内容实现尾部插入，纵向插入内容插入行，横向插入内容插入列，删除整行按钮，出现两行后左侧出现或字样，出现两列后用且连接，如
Element-Form表单单独取消某一项的校验
weixin_43551242的博客
10-12 2863
活动区域下拉框的值，选择为区域一时，活动形式则隐藏，因为活动形式为必填项，点保存是走ruleForm检验valid返回false，所以下面代码会报错走 console.log(‘error submit!**活动区域下拉框的值，选择为区域二时，显示活动形式（必填项）。
Jquery Validate 清除表单校验提示
QINGZHID的博客
06-01 1141
首先引入对应的js文件，这里我直接用的CDN，有需要的朋友也可直接下载放到项目里面。
element表单 去掉表单某一项校验
LJJONESEED的博客
10-27 1992
el-form-item 标签中存在v-if 时，条件为true不需要校验。
elementui表单内不验证某个指定字段
feifantiantang的博客
01-06 2698
先上代码： 1、先取出针对手机号的验证 2、this.$refs["elForm"].validate((valid) => { if (valid) { this.formData.level = ""; putObj(this.formData).then((response) => { this.$message.success("修改成功"); ...
element-ui 表单验证只验证一项或者去掉某一项的验证？
棠樾的博客
01-15 1282
vue 根据表单某一选项选中值，动态的改变表单验证内容（添加或去掉验证）
Aku_2020的博客
06-15 1504
效果为：
vue3 +elementplus | vue2+elementui 动态地通过验证规则子新增或删除单个表单字段
sumimg的博客
09-27 983
效果图点击 ‘+’ 新增一行，点击‘-’ 删除一行。
【Django表单验证完全攻略】：自定义规则与错误处理，手把手教你
![【Django表单验证完全攻略】：自定义规则与错误处理，手把手教你](https://ordinarycoders.com/_next/image?...# 1. Django表单验证概述 Django作为强大的Python Web框架，内置了灵活且功能...## 1.1 表单验证的目的和
c# 加密和解密相关代码
09-06
添加两个Button 控件，分别用来实现利用ROT13算法加密和解密数据的功能。 （3）程序主要代码如下： public string ROT13Encode(string InputText) { char tem_Character; //存储临时字符 int UnicodeChar; //存储...
Element 表单验证，取消部分表单字段校验结果
热门推荐
IH1107的博客
01-26 2万+
这里贴上代码，点击取消，取消对年龄的校验结果。 验证 取消 export default { name: `clearFieldValidate`, data () { ret
Vue取消表单校验提示的方法
呼叫冰河谷博客
04-08 1012
不要使用，因为它会清楚提示的同时把表单值还原为初始值。
element 切换页面，表单rules自动校验如何关闭。
qq_38425020的博客
01-28 3278
element 官网有个属性，validate-on-rule-change，将此属性设置为false并且使用resetFields方法将form表单重置并移除校验结果。由于业务场景需要对切换元素时，rules重新赋值，此时页面会出现自动校验表单的元素，用户体验很差。
关于动态添加删除表单中对部分表单项校验的问题
qq_40215089的博客
04-23 274
关于动态添加删除表单中对部分表单项校验的问题 this.$refs[formName].validateField（props,callback） 中的props一定要和 form-item中prop一致！ <el-form :model="dynamicValidateForm" ref="dynamicValidateForm" label-width="100px" class="demo-dynamic"> <el-form-item prop="email"
el-form 表单校验，动态添加及取消校验字段
yang_NC的博客
04-12 2279
el-form 表单校验，动态添加及取消校验字段 设置待校验字段 let fieldsToValidate = ['字段1','字段2','字段3','字段4','字段5']; //可以根据需求向数组中push需要校验的字段 校验方法 Promise.all( fieldsToValidate.map((item) => { return new Promise(function (resolve, reject) { _this.$ref
el-form表单去除部分校验结果
wlijun_0808的博客
04-03 1394
找了半天，表单局部重置的方法，都在让使用resetFiled方法，但这个方法是全部重置的意思， 没法实现本次的需求。如图： 当点击右边的叉时， 需要删除这个输入框，删除这个输入框只需要一个变量就可以解决。但使用v-show的方式去除这个输入框的时候，但下面的校验信息却没有消失。赶在下班前解决， 开森。
element的formItem源码学习
weixin_33943347的博客
05-24 353
1.mounted生命周期，如果当前的formItem有prop，触发'el.form.addField'事件，把当前的formItem的this添加到form中的fields数组中；接下来保存当前初始化的值,默认情况下，用Object.defineProperty() 添加的属性值是不可修改的；2.(1) this.getRules()得到当前的formItem对应的prop的校验规则，当前f...
elementUI关闭取消弹框时取消本次表单验证
hong
03-18 1916
element-ui 关闭取消弹框的时候取消本次验证 写管理后台的时候 经常对表单进行验证 , 不小心点了提交 这时候表单验证是不可能通过的 , 接着关闭弹框 , 再打开发现上一次的验证居然还存在 很简单 在关闭的时候重置验证就ok 1. 出现的问题 已经是重新打开的页面 依旧存在上一次的校验 2.解决方法 , 在关闭模态框的方法中执行以下代码 closed() { // 关闭模态框的时候取消验证 this.$refs.AddForm.clearValidate();
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值