elementUI form表单验证 跳过某一项

最新推荐文章于 2023-10-12 15:55:36 发布
最新推荐文章于 2023-10-12 15:55:36 发布
阅读量2.2k 收藏 1
点赞数
分类专栏： Vue前端框架
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/risingfine/article/details/105540980
版权 
selectValidField () {
  let isPass = true
  this.$refs['ruleForm'].validateField('a', (err) => {
    if (err) {
      isPass = false
    }
  })
  this.$refs['ruleForm'].validateField('b', (err) => {
    if (err) {
      isPass = false
    }
  })
  return isPass
}
openight
关注
专栏目录
在elementUI中有时想触发el-form中的某一个校验，该怎么做？
luoteen的博客
04-24 8724
在form表单中 用ref绑定 <el-form :model="form" ref="form" class="mt20" label-width="140px"> <el-form-item label="标题：" prop="title" :rules="{required:true,message:'请输入标题',trigger:'change...
java面试看这一篇就够了
H_Jason_的博客
09-20 939
java面试技术话术
el-form表单验证跳过指定项的验证
anny_mei的博客
08-19 2113
由于我项目的原因,企业和个人个表单不一样,通过给isView的true和false来控制 首先企业默认的是true,所以可以在created里面判断 created() { if (this.isView) { // 个人表单校验失效 this.rules.personName[0].required = false } }, 然后再在methods方法里面点击了个人表单按钮时再判断 handelPerson() { this.isView =
elementUI自带的表单验证---解决特定情况下忽略指定表单项的验证
string佳佳的博客
03-25 4187
html部分 <el-form :model="form" :rules="rules" ref="form" label-width="100px"> <el-form-item label="姓名" prop="name"> <el-input v-model="form.name" placeholder="请输入姓名"&gt...
element 表单验证会直接跳过但不报错的解决办法
华唐的博客
02-03 1115
背景 公司的一个页面中有这样的需求，一共四个表单，一个提交按钮，点击提交按钮，四个表单验证后提交 问题 第二个表单的验证没有执行，debugger时发现执行到 this.$refs[formName].validate((valid) => {}）这个方法的时候就直接跳出了这个方法 解决办法 经过排查发现第二个表单的某个子项的自定义验证的callback逻辑有缺陷，因为在element中自定义的验证规定最后必须走callback（）函数，但是那个子项中有一种情况会走不到callback（），就导致va
element表单 去掉表单某一项校验
qq_36396822的博客
03-18 1333
element表单 去掉表单某一项校验
element 解决表单验证会直接跳过但不报错
qq_38778882的博客
06-29 401
经过排查发现自定义验证的 callback 逻辑有缺陷，因为在 element 中自定义的验证规定最后必须走callback() 函数，但是那个子项中有一种情况会走不到 callback()，就导致 validate 方法没法向下执行，就会直接跳过。经排查，发现执行到 this.$refs[formName].validate((valid) => {}）这个方法的时候就直接跳出了这个方法。点击提交的时候，提交的表单数据没有问题，排除数据问题。那就是数据验证的问题，发现使用了一个自定义验证。
Element ui 表单去掉某一项校验
qq_42260463的博客
09-21 4864
this.$refs.form.fields.map(i =>{ if(i.prop ==='cleanItem'){ i.clearValidate() } })
搭建一个vue项目(vue+vuex+vue-router+scss+es6+element+axios)
多喝凉白开
07-17 588
一、安装依赖 选择创建项目所在文件夹，cmd进入该项目 全局安装vue-cli npm install -g @vue/cli //全局安装vue-cli npm uninstall -g vue-cli //卸载全局vue-cli 查看是否安装成功 键入vue --version ，出现以下版本号，则代表成功 二、创建项目 vue create vue-test // vue-test为项目名称 分别代表的是： 选择模式：手动选择配置 选择需要的配置：babel(es6编译)、vue
Springboot+Vue+Element实现的CRM管理系统
zzzzzkkk的博客
08-10 2397
文章介绍 本文主要记录使用springboot和vue进行整合开发流程，实现前后端分离，具体步骤和知识点都会讲解记录或者是在注释中进行说明。使用Element工具提供组件，实现（CRM）客户关系管理的一个系统。开发工具使用Idea和Vscode,使用vue-cli搭建项目，实现前后端分离。下文将对项目的用户管理模块进行讲解记录，管理员可对用户进行添加，删除，修改，查询等功能。后端控制层使用REST风格提供接口 项目搭建，如果已经安装过vue-cli脚手架可跳过这一步，使用Idea的搭建springboot就
2021-6月面试总结-vue，uniapp，小程序，h5，更新中
shuux666的博客
03-03 688
**一、**vue 2.6.11 vue****页面的生命周期？ 总共分为8个阶段创建前/后，载入前/后，更新前/后，销毁前/后。 创建前/后： 在beforeCreate阶段，vue实例的挂载元素el和数据对象data都为undefined，还未初始化。在∗∗created∗∗阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在**created**阶段，vue实例的数据对象data有了，el和数据对象data都为undefined，还未初始化。在∗∗cre
Element-Form表单单独取消某一项的校验
最新发布
weixin_43551242的博客
10-12 2365
活动区域下拉框的值，选择为区域一时，活动形式则隐藏，因为活动形式为必填项，点保存是走ruleForm检验valid返回false，所以下面代码会报错走 console.log(‘error submit!**活动区域下拉框的值，选择为区域二时，显示活动形式（必填项）。
elementUI 表单非必填项的验证
qq_36947174的博客
11-15 3196
// prop是需要的 <el-form-item label="联系邮箱：" prop="email"> <el-input type="text" v-model="form.email" show-word-limit maxlength="30"></el-input> </el-form-item> // rules里面的requ...
element-ui 表单验证只验证一项或者去掉某一项的验证？
棠樾的博客
01-15 1173
跳过表单验证
bcat
07-06 1800
早上敲了个表单，结果直接跳过验证直接到了action的地方。 方法一： 在js代码中添加 if(input1.value.length >= 6){}//input1是不存在的就行。如果服务器没有做校验是可以直接跳过的前端的校验 方法二： 记住他的action指向，比如某个页面的表单action="test.html"，然后把页面另存到本地，编辑html，把action改成绝对路...
elementde全选添加如果存在就跳过， 取消 如果存在删除
weixin_44180173的博客
05-22 132
获取原来的数组 然后判断是添加还是取消 添加的话 判断没有的话直接添加到新的 （这用的是字符串也可以是数组） rows.forEach(item => { let is = iscontain(arrLicence, item.license); if (is == false) { newstr += item.license + ","; } }); 取消 如果存在删除 fo.
element中表单form验证必填，成功之后不进入validate方法
熬夜搬码员的博客
04-12 1565
问题：登录form表单必填验证的时候，验证错误会进入validate方法，反而验证成功后不进入了。 代码如下： 解决：最后发现是密码验证方法中没有写成功之后的回调函数，即要在else if后面写上else{callback（）}执行回调函数 ...
elementui表单内不验证某个指定字段
feifantiantang的博客
01-06 2508
先上代码： 1、先取出针对手机号的验证 2、this.$refs["elForm"].validate((valid) => { if (valid) { this.formData.level = ""; putObj(this.formData).then((response) => { this.$message.success("修改成功"); ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值