限定input输入框只能输入/输出数字
1、input用一个type输入,可以修改为number
2、使用onkeyup
事件,有bug,那就是在中文输入法状态下,输入汉字之后直接回车,会直接输入字母
【记录|【记录】限定input输入框只能输入/输出数字】3、使用onchange
事件,在输入内容后,只有input丧失焦点时才会得到结果,并不能在输入时就做出响应
- 只允许输入数字
- 允许输入两位小数
- 允许输入一位小数
- 开头不能为0,且不能输入小数
4、使用oninput
事件,完美的解决以上两种事件的问题,测试暂时还没有出现其他问题
5、Number()
转换成数字,该值不是合法数字,则返回NaN
var test = Number($('.tests').val());
if(test == '' || test == undefined || test == NaN){
return false;
}
6、使用keyup
事件非数字自动删除,maxlength
限制输入字符数
$('#test').keyup(function(){
$(this).val($(this).val().replace( /[^0-9]/g,''));
}).bind("paste",function(){
$(this).val($(this).val().replace( /[^0-9]/g,''));
})
推荐阅读
- WordPress 4.5.2(未捕获的ReferenceError:未定义JQuery [关闭])
- mysql|nodejs中使用mySql数据库
- 前端|vue锁屏功能
- vue|vue中使用videojs
- js|vue实现顶部导航栏
- vue|仓管系统设计
- vue|程序员接私活必备后台框架,不用重复造轮子,网友(太好用了!)
- jQuery开始之旅
- #yyds干货盘点#JavaScript - 字符串的转义