js-如何设置input只能输入数字

发布时间 2023-06-27 09:48:53作者: 大萨特

如何设置input只能输入数字

 

方法一

将<input>标签中的​type​属性直接设置为​number​就可以达到只能输入数字。但是这个方式有一个缺点,它只能作用于网页端,在手机输入的话还是可以输入汉字或英文:

<input type="number" name="" >

方法二

还是一样在<input>标签上设置,代码如下:

<input type="text" name="" oninput="value=value.replace(/[^\d]/g,'')">

用正则替换所有非数字字符;

该种可以在 input 框输入字母汉字但是会自动删除,最终只会留下数字。

(vue中使用请在nextTick方法中调用)