js限制input输入框只能输入数字:
描述一下:
在开发过程中,一般都会有这样的需求,比如 输入框 只能输入数字,不能输入字母 文字 等。这就要对输入的东西进行验证。一提到 验证 就不得提到 正则 了,但本文不过多介绍正则,以本文的标题为主。
在pc端中可以这样:
<input type="text" οnkeyup="this.value=this.value.replace(/[^\d]/g,'')" onafterpaste="this.value=this.value.replace(/[^\d]/g,'')" />
在移动端中可以这样:
在input标签指定pattern属性,表示对输入的东西进行验证。此处是只能输入数字。
<input type="number" pattern="[0-9]*" />
解释一下 type=“number” 是什么情况:
当它获得焦点时打开的是数字键盘,但不代表它不能输入字母 文字等,只是优先打开数字键盘而已。