javascript - js怎么判断input输入的值是数字，不小于等于0，不使用alert,而在同一行上用红色字体提示用户

Question

js怎么判断input输入的值是数字，不小于等于0，可以为小数。如果不符合条件，在%后面以红色字提示用户，TKS！

Answer 1

判断焦点是否在该input内（或者通过焦点离开事件）
然后进行传值到js方法类进行判断 根据你的要求进行判断

Answer 2

雷雷

Answer 3

CSS：

雷雷

HTML：

雷雷

Javascript：

雷雷

Answer 4

手机简答，input里加pattern属性，使用正则验证内容，然后css里使用input:invalid把input里边不合规则的内容标红（就红框红字啊啥的），后边的红字提示p紧跟着input写，然后用

p {display:none;color:red;}
input:invalid+p {display:block;}

这样的规则搞出来，应该就差不多了（标签换下id，我手机就不多码字了）。不过如果需要兼容到IE9的话，可能需要再写个兼容……

---

参考：

MDN - 表单验证