html5中表單驗證屬性pattern的一個坑——限定數比實際少一位的問題

這個坑是我在微信的表單提交中碰到的。先說下坑的表現症狀： <input type='number' pattern='\d+\.\d{2}' name='N' required /> 在輸入保留兩們的小數後提示輸入的值無效. 如下圖所示. 具體琢磨的過程不細說,說下怎麼出坑吧. 問題就在type的類型,如果是text就可以.如果你設置成了number再用於驗證浮點數.就會出錯.把浮點數當文本驗證就

>>阅读原文<<