锐客网

  1. 首页 > 生活百科 > it技术 > >

记录|【记录】限定input输入框只能输入/输出数字

记录JQueryjavascripthtml5正则表达式

限定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,'')); })

    推荐阅读


    上一篇：windows下的pycharm配置 linux环境

    下一篇：vue限制只能输入数字_vue的input中，如何限制只能输入number