龙空技术网

「uniapp」 慢慢趟雷记~表单验证(rules)

码向未来 101

前言:

现在同学们对“rulescss”大体比较讲究,我们都想要学习一些“rulescss”的相关资讯。那么小编在网络上收集了一些有关“rulescss””的相关资讯,希望姐妹们能喜欢,我们快快来学习一下吧!

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 先生屁颠屁颠的出门享受阳光浴去了。

标签: #rulescss