html5中表单验证属性pattern的一个坑——限定数比实际少一位的问题

这个坑是我在微信的表单提交中碰到的。先说下坑的表现症状：

<input type='number' pattern='\d+\.\d{2}' name='N' required /> 在输入保留两们的小数后提示输入的值无效.

如下图所示.

具体琢磨的过程不细说,说下怎么出坑吧.

问题就在type的类型,如果是text就可以.如果你设置成了number再用于验证浮点数.就会出错.把浮点数当文本验证就好了.