![cover](https://img-blog.csdnimg.cn/a7d484e598b54aff882e71237357b61e.png)
el-input输入校验不能为空格,不能输入全部为空的内容
输入框的校验太常见了,基本上常见的为:不能为空,不能输入空格,和不能输入全部为空的内容。这里对这个进行记录。
·
应用场景:
输入框的校验太常见了,基本上常见的为:不能为空,不能输入空格,和不能输入全部为空的内容。这里对这个进行记录。
详细开发:
针对三种情况进行分别展示:
rules: {
ResearchNO: [
{ required: true, message: '请输入项目代码', trigger: 'blur' },
{
required: true,
transform: (value) => value && value.trim(),
message: '项目代码不能全部为空',
trigger: 'blur'
}
],
Name: [
//输入为空
{ required: true, message: '请输入项目名称', trigger: 'blur' },
{
min: 1,
max: 50,
message: '长度在 1 到 50 个字符',
trigger: 'blur'
},
//不能全部输入空格
{
required: true,
transform: (value) => value && value.trim(),
message: '项目名称不能全部为空',
trigger: 'blur'
}
]
},
不能输入全部空格,主要是这里起作用:
{
required: true,
transform: (value) => value && value.trim(),
message: '项目名称不能全部为空',
trigger: 'blur'
}
还有不能输入空格:v-model后面加上trim
<el-form-item label="项目名称" prop="Name">
<el-input v-model.trim="projectInfo.Name" placeholder="请输入项目名称"></el-input>
</el-form-item>
总结/分析:
以上是记录。
更多推荐
所有评论(0)