由于项目需求要求所有的搜索输入框要验证输入,但是搜索框怎么验证输入的内容是否正确,input输入可以限制输入的内容,但是怎么能提示?
form 表单
<el-form
ref="ruleFormRef"
:model="ruleForm"
:rules="rules"
label-width="120px"
class="demo-ruleForm"
:size="formSize"
status-icon
<el-form-item label="Activity name" prop="name">
<el-input v-model="ruleForm.name" />
</el-form-item>
name: [
{ required: true, message: 'Please input Activity name', trigger: 'blur' },
{ min: 3, max: 5, message: 'Length should be 3 to 5', trigger: 'blur' },
],
要学会看文档https://element.eleme.cn/#/zh-CN/component/form
rules: {
列名: [
{
required: true, //是否必填
message: '用户名不能为空', //规则提示
trigger: 'blur' //何事件触发
},
//可以设置多重验证标准
{
min: 11,
message: '长度至少11 个字符'
}
]
}