BUG:vue表单验证校验不报错,必填都有信息,就是不能正常往下进行

这篇具有很好参考价值的文章主要介绍了BUG:vue表单验证校验不报错,必填都有信息,就是不能正常往下进行。希望对大家有所帮助。如果存在错误或未考虑完全的地方,请大家不吝赐教,您也可以点击"举报违法"按钮提交疑问。

框架

UI:element-UI
前端:vue2

bug场景

正常表单里面,有的信息要求必填或者加了一些限制,作为校验验证,只有走到校验才会执行其他行为,比如调用保存接口。

this.$refs.editForm.validate((valid) => {
        if (valid) {}
        }

而我遇到的问题是,无论怎么点保存都不会正常往下走,校验状态始终为false,也就是说校验这块有问题。

可是程序页面都没报错,表单信息填写也都没有问题

解决办法

打印this.$refs.editForm.validate,发现写着:

ƒ validate(callback){var _this2=this;if(!this.model){console.warn('[Element Warn][Form]model is required for validate to work!');return;}var promise=void 0;// if no callback, return promise
if(typeof c…

于是我捋了一遍editRules: {}部分,每一个加校验的地方,发现确实有一个少了回调
BUG:vue表单验证校验不报错,必填都有信息,就是不能正常往下进行,vue.js,bug,前端,elementui
像这种特殊的校验处理,一定要注意回调问题,特别是判断越多越容易忽略文章来源地址https://www.toymoban.com/news/detail-848900.html

到了这里,关于BUG:vue表单验证校验不报错,必填都有信息,就是不能正常往下进行的文章就介绍完了。如果您还想了解更多内容,请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章,希望大家以后多多支持TOY模板网!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处: 如若内容造成侵权/违法违规/事实不符,请点击违法举报进行投诉反馈,一经查实,立即删除!

领支付宝红包 赞助服务器费用

相关文章

  • element-ui部分表单组件的必填校验问题

    el-date-picker 必填校验 el-cascader 必填校验

    2024年02月12日
    浏览(39)
  • Ant vue中表单验证(动态校验、部分校验)

    前提 :写了超级复杂的表单,其中涉及了很多表单验证的地方,现一一记录一下; ant-vue 版本1.7.8 vue 版本2.6.11 校验的原理大体相似,灵活应用!! 需求: 1根据 读写方式 去动态自动校验规则; 2.只是监听挂载路径,但因嵌套太多,表单监听的表单域不满足自动监听的条件

    2024年02月05日
    浏览(26)
  • vue中elment-ui添加表单验证规则,以及动态增加的表单校验

    一、表单格式固定的添加表单验证 二、动态增加表单,添加表单验证

    2024年02月03日
    浏览(40)
  • vue表单验证rules无效,rules动态选择,rules动态校验,rules对象嵌套校验

    一、问题描述 这里由一个动态切换规则校验引发的一些问题,整理了下,如下文所示。 这里有个需求就是,动态切换radio,对input输入框校验,界面如下 在网上找了一圈,用了第一种方法来解决,动态添加验证规则,方法如下 通过if判断platformType是否等于2,然后添加规则,

    2023年04月19日
    浏览(33)
  • vue 设置表单必填项

    1.要求                 在做一些用户信息相关的功能时,经常用到表单项去收集数据,其中有些属性必须填写,要求如图:  2.实现方法 在data中添加一个rules来规定: 其中: required表示是否为必填项; message:表示提示信息;trigger:表示失去焦点时验证        2.在

    2024年02月12日
    浏览(30)
  • uniapp 报错之 uView UI 表单校验 相关字段有数据有值的情况下非空验证失败问题

    1、uniapp 微信小程序使用了uView UI,表单字段有验证; 2、表单添加功能,数据校验正常,因为表单数据本身都是空的; 3、表单更新数据的时候,有些字段明明是有数据的,提交的时候非空验证提示不能为空; 表单更新,此时表单是有数据的,未再次改变表单校验的选择器的值

    2024年02月16日
    浏览(44)
  • 解决ElementUI动态表单校验验证不通过

    这里记录一下,写项目时遇到的一个问题:就是动态渲染的表单项,加验证规则后一直不通过!!! html部分:  js部分: 结果:   可以看到,按照官网的写法动态渲染的表单项是无法进行校验验证的。这里就是无论选中没选中值都校验 不通过。 修改prop、rules 结果:

    2024年02月12日
    浏览(26)
  • vue elementUI form组件动态添加el-form-item并且动态添加rules必填项校验方法

    ): 核心代码: prop里的值有格式要求,以本demo为例: “表单属性数组key名 + ‘.’ + 索引值 + ‘.’ + 数组里对象的key名” ; rules里填写校验不成功触发条件和提示语;

    2024年02月05日
    浏览(32)
  • element ui 自定义校验不进入表单validate验证

    解决表单提交验证时自定义的校验规则错误问题 错误代码: 这段代码中只有value为空、不是整数才执行,当为整数的时候没有返回对于的执行函数callback(); 所以为整数时返回执行函数callback() 正确代码: 结束语: 希望这篇文章能帮助到大家,如有不对之处,还请指正。愿我

    2024年02月11日
    浏览(39)
  • element UI —— form表单中Radio单选框进行切换 & 表单验证rule动态校验-validator & 保存前进行form表单校验后才能上传-validate

    element UI —— form表单中Radio单选框进行切换 表单验证rule动态校验-validator 保存前进行form表单校验后才能上传-validate 1、效果图 2、代码 结构 数据

    2024年02月07日
    浏览(40)

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

博客赞助

微信扫一扫打赏

请作者喝杯咖啡吧~博客赞助

支付宝扫一扫领取红包,优惠每天领

二维码1

领取红包

二维码2

领红包