vue表单验证问题
用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>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(3)
解决了 用touched判断元素是否聚焦过
添加
initial="off"
属性啊请问您两次密码验证是否相同是如何实现的?