vue element-ui使用required进行表单校验时自定义提示语问题
更新时间：2023年05月20日 10:27:07 作者：柯柯就是我
这篇文章主要介绍了vue element-ui使用required进行表单校验时自定义提示语问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教
element-ui使用required表单校验时自定义提示语
如果我们直接在html里面使用required时
当我们在输入框输入一些数据，然后使用backspace逐个删掉，删完的时候就又会出现
即使我们已经添加了rules验证
此时我们需要进行如下修改
首先把HTML里面的required删掉，然后在js的rules验证里添加
即可修改验证
element-ui表单项自定义校验设置必填项required
使用elementUI的表单校验有时需要用到默认校验和自定义校验的组合规则，比如下面这种部分表单项需要根据其他非input内容是否为空进行校验。
后两项内容设为空，点击确定进行表单校验，此时提示正常没有问题
而当内容不为空时，下方却出现了xxx is required的提示。
经过排查，发现是el-form-item中的required属性引起的，说明自定义校验规则和required属性不能同时出现，否则两种校验都会生效，而最后这两个表单项并没有input框，设置required属性就会判定内容为空，就会提示xxx is required。
那么如何在使用自定义规则的同时又显示必填项的*号呢？
只需把class设置为is-required即可。
此时内容不为空时提交就能正常校验了。
总结
以上为个人经验，希望能给大家一个参考，也希望大家多多支持脚本之家。
相关文章
表单验证在很多地方都可以用的到，本文主要介绍了element自定义表单验证上传身份证正反面的实现，文中根据实例编码详细介绍的十分详尽，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2022-03-03
这篇文章主要介绍了vue如何自定义按钮单选和多选问题，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-07-07
这篇文章主要为大家详细介绍了Vue+SSM实现图片上传预览效果，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-11-11
这篇文章主要给大家介绍了关于Vue.js原理分析之nextTick实现的相关资料，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2020-09-09
这篇文章主要介绍了Vue整合AdminLTE模板的方法，小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧2018-05-05
这篇文章主要为大家详细介绍了如何利用Vue实现向PDF文件中添加二维码的功能，文中的示例代码讲解详细，感兴趣的小伙伴可以了解一下2023-06-06
今天小编就为大家分享一篇关于在Vue项目中引入JQuery-ui插件的讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧2019-01-01
最近在学习Vue,感觉methods还是有必有总结一下的,下面这篇文章主要给大家介绍了关于3分钟迅速学会Vue中methods方法使用技巧的相关资料,文中通过实例代码介绍的非常详细,需要的朋友可以参考下2023-02-02
这篇文章主要介绍了Vue项目报错:parseComponent问题及解决，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2022-05-05
这篇文章主要为大家详细介绍了vue.js开发环境的安装教程，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-03-03
最新评论