element表单提交验证
先说下要实现的效果,页面有两个文本框,标题内容要控制在1-20个字之间,内容要控制在1-80个字之间,这是其一,然后点击预览时,如果标题或者内容有一个没填写,就不能预览,要提示填写缺少的内容,这是其二,如果标题超过20或者内容超过80字时候,不能进行预览,要求按提示填写正确内容,先看下页面效果:
下面是代码实现效果:
HTML:
<!-- 表单 -->
<el-form
ref="form"
:model="form"
label-width="100px"
enctype="multipart/form-data"
method="post"
:rules="rules"
>
<el-form-item label="通知标题" prop="title">
<el-input
v-model="form.title"
placeholder<