input 输入框是否数值验证 onblur onkeyup

1，使用展示

1.1. onblur 表示失去焦点时触发

失去焦点之后

1.2. onkeyup 表示键盘每输完一个字符之后触发，就是键盘上的按键被放开时。

2，代码

   <input id="age" name="age" class="layui-input" style="width: 130px;height: 24px" 
   onblur ="value = isNaN(parseFloat(value))? 0 : parseFloat(value)">


   <input id="age" name="age" class="layui-input" style="width: 130px;height: 24px" 
   onkeyup="value = isNaN(parseFloat(value))? 0 : parseFloat(value)">
   

3，使用说明

isNaN()
函数用于检查其参数是否是非数字值。数值，返回false ，非数值，返回true。
isNaN()函数通常用于检测 parseFloat() 和 parseInt() 的结果，以判断它们表示的是否是合法的数字。
当然也可以用 isNaN() 函数来检测算数错误，比如用 0 作除数的情况。

parseFloat(X)
函数可解析一个字符串，并返回一个浮点数。
如果X可以解析为一个数字，就返回一个浮点类型的数字，如果不能解析，就返回NaN

parseInt(X)
函数可解析一个字符串，并返回一个整数。
如果X可以解析为一个数字，就返回一个整型的数字，如果不能解析，就返回NaN

备注：
如果 string 以 “0x” 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。

document.write(parseInt("0x10")+ "<br>");
--16