用vue做表单验证时遇到个问题,页面刷新时就显示了报错信息,怎么能让他默认不校验
如下图:
还有设置了两种校验,怎么设置校验信息的优先级,而不是同时出现两个报错信息?
<div class="form-group new-psw-field">
<label class="form-title" for="new_psw">新密码:</label>
<input id="new_psw" v-validate:newpsw="{required: true, maxlength: 18, minlength: 6}" class="form-control" placeholder="请输入新密码" v-model="newpsw"/>
<span class="errors">
<span v-if="$validation1.newpsw.required">密码不能为空!</span>
<span v-if="$validation1.newpsw.maxlength">密码长度不能大于18位!</span>
<span v-if="$validation1.newpsw.minlength">密码长度不能小于6位!</span>
</span>
</div>
解决了 用touched判断元素是否聚焦过