element input框的验证问题

问题遇到的现象和发生背景

由于项目需求要求所有的搜索输入框要验证输入,但是搜索框怎么验证输入的内容是否正确,input输入可以限制输入的内容,但是怎么能提示?

img

img


这是代码
一般都是表单验证吧,就是这样的

img


上面的意思就是要搜索框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' },
],

img

要学会看文档https://element.eleme.cn/#/zh-CN/component/form

rules: {
列名: [
{
required: true, //是否必填
message: '用户名不能为空', //规则提示
trigger: 'blur' //何事件触发
},
//可以设置多重验证标准
{
min: 11,
message: '长度至少11 个字符'
}
]
}