form 表单提交的时候提示那些没有填写 ---以及定位到报错位置--表单报错

 this.$refs.form.validate((valid, object) => {if (valid) {alert('submit!');} else {var str = ''const arr = []for(let value in object){ // 处理 报错 提示信息arr.push(object[value][0])}const results = arrresults.forEach((val, ind) => { // 拼接报错的信息if (val.message !== '') {if (ind !== results.length - 1) {str += val.message + ', '} else {str += val.message}}})var strArr = str.split(', ')strArr.forEach((e, ix) => {if (strArr[ix] === strArr[ix + 1]) {strArr.splice(ix, 1)}})str = strArr.join(', ')this.$message({ type: 'warning', dangerouslyUseHTMLString: true, message: str })return false;}});

写一个全局的方法 global.js

formErrorScroll() { // 报错回到第一个错误的地方if (document.querySelector('.el-form-item__error')) {document.querySelector('.el-form-item__error').parentNode.scrollIntoView({block: 'start',behavior: 'smooth'})}}

在main.js中引入才可使用
import Global from ‘@/base/global’
或者在页面中 import { formErrorScroll } from "@/base/Global ";
页面中使用

this.$nextTick(() => {this.Global.formErrorScroll()})

可以的大家点点关注-总结不易谢谢大家-也可以留言需要哪类的我也可以尝试

form 表单提交的时候提示那些没有填写 ---以及定位到报错位置--表单报错相关推荐

ajax异步请求——form表单提交及表单序列化提交
ajax异步请求 AJAX介绍 AJAX 指异步 JavaScript 及 XML(Asynchronous JavaScript And XML),它不是一种新的编程语言,而是一种使用现有标准的新方 ...
Form 表单提交和 Ajax 表单提交的一些区别
自己一些心得体会: 1:form 表单提交后进行后台处理程序,没有直接返回值,只能进行后台处理,Form标签里的所有数据全部提交到后台 ajax 表单提交,是可以局部提交,具有ajax的所有属性... ...
php 表单提交及验证 tp,ThinkPHP表单自动提交验证实例教程
ThinkPHP表单自动提交验证实例教程附加规则配合验证规则使用,包括: function 使用函数验证,前面定义的验证规则是一个函数名 callback 使用方法验证,前面定义的验证规则是一个当 ...
HTML5：表单提交
不加CSS.JavaScrips的HTML表单提交简单代码 <!DOCTYPE html> <html lang="en"> <head>< ...
python表单提交的两种方式_Flask框架学习笔记之表单基础介绍与表单提交方式
本文实例讲述了Flask框架学习笔记之表单基础介绍与表单提交方式.分享给大家供大家参考,具体如下: 表单介绍表单是HTML页面中负责数据采集功能的部件.由表单标签,表单域和表单按钮组成.通过表单,将 ...
ssm把后端数据传到前端_ssm框架中前端jsp页面的数据除了表单提交以外如何传到后台?...
ssm框架里面,前端页面的数据是怎么绑定的,如果我不用表单提交的话,我该怎么在后台去取值?用表单提交,添加没问题,换成现在的就不行了? ssm框架里面,前端页面的数据是怎么绑定的,如果我不用表单提交的 ...
form表单提交后提示成功信息
jsp中的写法: <iframe id="registerIframe" name="registerIframe" src="" s ...
form表单提交踩坑记
2019独角兽企业重金招聘Python工程师标准>>> 今天收获了一次集团故障,心塞不已,究其原因,是form表单提交时web服务器对大小做了限制.这个必现的问题在测试阶段也不知为啥 ...
Java入力项目无法设定到form_html中关于form与表单提交操作的资料集合
原标题:html中关于form与表单提交操作的资料集合这里我们介绍一下form元素与表单提交方面的知识. form元素 form元素的DOM接口是HTMLFormElement,继承自HTMLEle ...

form 表单提交的时候提示那些没有填写 ---以及定位到报错位置--表单报错

可以的大家点点关注-总结不易谢谢大家-也可以留言需要哪类的我也可以尝试

form 表单提交的时候提示那些没有填写 ---以及定位到报错位置--表单报错相关推荐

最新文章

热门文章

form 表单提交的时候 提示那些没有填写 ---以及定位到报错位置--表单报错

可以的大家点点关注-总结不易谢谢大家-也可以留言需要哪类的我也可以尝试

form 表单提交的时候 提示那些没有填写 ---以及定位到报错位置--表单报错相关推荐

最新文章

热门文章

form 表单提交的时候提示那些没有填写 ---以及定位到报错位置--表单报错

form 表单提交的时候提示那些没有填写 ---以及定位到报错位置--表单报错相关推荐