vue的form表单字段添加数据校验必填等属性却无效的解决办法
明明在<el-form>里添加:rules="dataRule"这个属性,且也在js代码里加入了dataRule的定义,即对<el-form-item>的<el-select>标签里添加了字段必填不能为空的message提示。但奇怪的是在表单提交时,竟还是没有字段为空的限制,竟还是提交成功了?查了半天代码,才发现就是提交表单的函数有问题,原来是我没有加dataF
·
明明在<el-form>
里添加:rules="dataRule"
这个属性,且也在js
代码里加入了dataRule
的定义,
即对<el-form-item>
的<el-select>
标签里添加了字段必填不能为空的message
提示。
但奇怪的是在表单提交时,竟还是没有字段为空的限制,竟还是提交成功了?
查了半天代码,才发现就是提交表单的函数有问题,原来是我没有加dataForm
的校验判断,添加正确的代码如下:
this.$refs['dataForm']
.validate((valid) => {
if (valid) {
this.$http({
url: `*********`,
method: 'post',
data: this.dataForm
}).then(({data}) => {
if (data && data.code === 0) {
this.$message({
message: '操作成功',
type: 'success',
duration: 1500
})
this.visible = false
}
})
}
})
这个this.$refs['dataForm'].validate()
很重要啊!千万别忘记了,否则你设置的多个From
表单字段有效性或为空验证就失效了。
更多推荐
已为社区贡献2条内容
所有评论(0)