拾趣小记,input 限制输入数字

简介: form 表单 要限制 input 只能输入数字,首先想到的是不过问题来了 , 如图,能输入字母e , 而且用了 下面的正则也能输入console.log 输入看看 e 就是也是代表数字  次方。

form 表单 要限制 input 只能输入数字,首先想到的是

<input type="number"/>

不过问题来了 , 如图,能输入字母e , 而且用了 下面的正则也能输入



console.log 输入看看 e 就是也是代表数字  次方。。。


那还是老实的用

<input type="text"/>

外加正则咯

$(target).on('keyup', function() {
        var number = $(this).val().replace(/[^0-9]+/,'');
        $(this).val(number);
    });



相关文章
|
10天前
|
C#
C# DEV TextEdit 设置文本框只能输入数字(整数)
C# DEV TextEdit 设置文本框只能输入数字(整数)
|
7月前
|
前端开发
input输入框只能输入数字且保留两位小数场景演练(金额)
input输入框只能输入数字且保留两位小数场景演练(金额)
|
4月前
|
移动开发 JavaScript HTML5
el-input限制输入整数等分析
本文介绍了在Vue中限制el-input只能输入整数的几种方式,包括设置type为number,使用inputmode属性,自定义指令,计算属性,使用onafterpaste和onkeyup事件以及使用el-input-number的precision属性。每种方式都有其优缺点,可以根据实际需求选择合适的方式。比较建议用自定义指令的方式来实现。
153 0
el-input限制输入整数等分析
|
5月前
验证input输入框(字母,数字,符号,中文)
验证input输入框(字母,数字,符号,中文)
|
9月前
|
C#
C#限制文本框只能输入指定的类型(汉字、数字)
C#限制文本框只能输入指定的类型(汉字、数字)
159 0
|
9月前
input输入框输入只能输入数字、字母等组合的正则表达式
input输入框输入只能输入数字、字母等组合的正则表达式
426 0
|
9月前
正则表达式显示input框只能输入数字或者保持小数点后两位
正则表达式显示input框只能输入数字或者保持小数点后两位
135 0
input限制只能输入小数或者数字
input限制只能输入小数或者数字
112 0