「uniapp」 慢慢趟雷记~表单验证（rules）

欢迎大家来到IT世界,在知识的湖畔探索吧!

欢迎大家来到IT世界,在知识的湖畔探索吧!

M 先生：全栈技术一枚

风和日丽的早上，其实是冬天，但是经历过前段时间百年不遇的帝都最低气温，感觉今天特别暖和，窗外的一缕朝霞照射在自己的身上，那感觉只有自己能体会。

之前，M 先生已经很熟练使用 uviewui 的表单验证了，但是就在昨天突然遇到了点小问题，具体是什么，且听 M 先生慢慢到来。

事情是这个样子的，有个普通的产品发布页面，自然表单就不能缺席了，相配套的表单验证是必须的，这样提交验证，一条龙服务就完成了，感谢开源，让我们节省了大巴的时间啊。

Demo 页面如下：

对应的部分代码如下：

HTML

data

methods

onReady

Demo 很简单，我们点击“提交”按钮，看下页面变化，截图为证：

你会发现年龄这个字段，无论是初始化值为0，还是初始化值为1，你在提交的时候，总是验证失败。

也是无意间发现了这个问题，对比姓名和年龄两个字段，不一样的地方呢，姓名字段是默认的input，也就是 type=text，而年龄字段是 type=number，这可怎么弄啊，急坏了 M 先生，回过头来再看看 API 文档吧，也没发现什么，也没人提这样的问题。M 先生突然发现了 trigger 这个属性，看文档也就两个值 [“blur”,”change”]，分别对应着失去焦点和改变数值时触发。估计是 text 类型的字段有这两个触发，而 number 类型的字段不会触发，那我把 trigger 注释掉会怎么样呢？M 先生也是有病乱投医，瞎猫碰死耗子般的一通乱搞，你别说，奇迹发生了，居然好用。

就是注释掉 41 行的 trigger，验证通过，截图为证：

就这样提交 hotfix 上线了，M 先生屁颠屁颠的出门享受阳光浴去了。