elementUI中from表单验证不起作用的几种常见错误

最近在使用element写表单的校验，但是经常不起作用，总结一下大概经常会出现下面的几种错误。所以在这里记录一下

`首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等`。

el-from上要使用:model不要使用v-model
el-from-item是否有加prop，并确定prop是不是和编写的规则相同

from绑定的表单是否有初始数据

//表单邦迪昂的是addFrom
<el-form label-width="120px" ref="menuFrom" :model="dialogOpt.addFrom" size="small":rules="dialogOpt.menuFromRule">
// 其中的一个元素是menuType
<el-form-item prop="menuType" v-if="!dialogOpt.addFrom.id" label="类型:"><el-select :model="dialogOpt.addFrom.menuType" name="menuType"><el-option v-for="item in dialogOpt.menuTypeList"v-if="item.value>dialogOpt.rowData.menuType":key="item.value":label="item.label":value="item.value"></el-option></el-select></el-form-item>// 那么就要确认下addFrom中的menuType是不是有初始的数据，没有初始数据就不会进行校验addFrom: {menuType: ''“,},

判断一个是不是有写校验的方法，并且检查一下ref是不是正确

// 检查一下menuFrom是不是和表单的ref一致
this.$refs.menuFrom.validate(valid => {if (valid) {// 验证成功}else{//验证失败}

elementUI中from表单验证不起作用的几种常见错误相关推荐

MOSS2007中实现表单验证
MOSS2007中实现表单验证转自阿喜的Spaces Microsoft Office SharePoint Server 2007 Forms Authentication 本文将演示如何在MOS ...
组件库实战 | 教你如何设计Web世界中的表单验证
教你如何设计Web世界中的表单验证
angular中的表单验证
angular中的表单验证很强大, 一共有5中验证信息,$valid,$invalid,$pristine,$dirty,$error. $valid-----当验证通过的时候,为true,不通过的时 ...
掌财社:html5中AmazeUI框架中JS表单验证实战案例展示！
今天和大家分享个有关于"html5中AmazeUI框架中JS表单验证实战案例展示!"这方面的相关内容知识,让大家对于html5中AmazeUI框架也可以有所了解! 1.需求做一个 ...
Spring in Action：@Vaild 表单验证不起作用
在按照<Spring in Action>进行实践的过程中,发现@Vaild表单验证不起作用.最后查明原因如下: 仔细阅读<Spring in Action>,书中说: 从Sp ...
关于uni-app中uni-forms表单验证时“多级结构对象数据”如何做数据校验的解决方案
- 前言这几天在做uni-app表单验证时遇到了一个问题,按官方文档给出的方法,当需要数据校验时,只需要 1.为uni-forms中的"modelValue"数据设置" ...
AngularJS中的表单验证机制
客户端表单验证是AngularJS里面最酷的功能之一. AngularJS表单验证可以让你从一开始就写出一个具有交互性和可响应的现代化HTML5表单. angularJs实现了大多数的HTML5表单域 ...
vue 表单验证正则_vue elementUI如何自定义表单验证规则
一.elementUI自带了一部分表单验证规则,本文讲解如何使用自定义验证规则来完成密码的二次验证. 1.1.首先添加验证邮箱和电话规则和正则表达式// 验证邮箱的规则 var checkEmail ...
JavaScript中的表单验证、正则表达式、数组的使用
表单验证.正则表达式.数组字符串的使用为什么要使用表单验证表单验证的常用步骤提交表单的2种方式文本框对象为什么要使用正则表达式正则表达式的两种创建方法正则表达式的模式正则表达式常用的 ...

elementUI中from表单验证不起作用的几种常见错误

`首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等`。

`首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等`。

`首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等`。

elementUI中from表单验证不起作用的几种常见错误相关推荐

最新文章

热门文章

elementUI中from表单验证不起作用的几种常见错误

首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等。

首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等。

首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等。

elementUI中from表单验证不起作用的几种常见错误相关推荐

最新文章

热门文章

`首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等`。

`首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等`。

`首先要特别注意检查一下自己是不是有什么单词拼错了，如required写成require等等`。