最近在做项目的时候，对表单的内容进行验证时，遇见了一个小坑。也不算是小坑，自己阅读官方文档不仔细的原因。
自己使用vue.js自带的vue-validator(验证器)对属性为ip的输入框进行验证。下图是验证代码：
验证的是输入框里面的内容，自己一开始没有将：model绑定的值和：rules中prop绑定的值进行统一，所以虽然验证函数可以使用，但value一直报undefined。
因为函数可以调用，并不管输入什么类型，都一直报不合法。这让自己开始以为绑定没有问题，是自己验证代码的问题。后来，花费了很长的时间才解决了。粗心吃了哑巴亏。虽然是一个很小的问题，自己还是记录下来，说不定哪一天又忘了。。。
常规表单验证、自定义表单验证、动态增删表单验证 1.常规表单验证 2.自定义表单验证 3.动态增减 a.表单 b.表格
登录页表单验证 1.登录页表单验证 Ⅰ.在饿了吗Form表单组件下，找到表单验证示例 Form 组件提供了表单验证...
疯狂的表单 新增表单控件 新增表单属性 表单验证反馈 关闭验证
from 表单验证： 1、数组表单验证：
在springboot中 很多人使用到了表单验证， 表单验证的使用也很简单 一个实体item 其中notnull之...
表单新验证属性 表单新验证状态
一、表单验证 1.定义验证表单 2.使用表单验证is_valid()：验证参数是否有效，如果参数验证成功返回Tru...
最近深陷element表单验证的坑，被一个问题困扰了好几天：页面一打开什么都没做表单就自动验证。 网上搜了一圈解决...
验证 表单请求验证类 必须 使用 表单请求 - FormRequest 类 来处理控制器里的表单验证。 验证类的 ...
iview表单中注册密码验证 针对密码这一块内容 因为我在这里踩坑了 iview的密码验证还有手机验证不是很完整的...
本文标题：表单验证之小坑
本文链接：https://www.haomeiwen.com/subject/wysxuttx.html
网友评论