如何限制input输入类型

1.只能输入和粘贴汉字
<input onkeyup="value=value.replace(/1/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/2/g,''))"><br/>

<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))"><br/> 

2.只能输入和粘贴数字
<input onkeyup="this.value=this.value.replace(/D/g,'')" onafterpaste="this.value=this.value.replace(/D/g,'')" /><br/>

<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')" /><br/> 


3.数字脚本
<input onkeyup="if(/D/.test(this.value)){alert('只能输入数字');this.value='';}"><br/>

<input onkeyup="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}"><br/> 

4.只能输入数字和英文
<input onkeyup="value=value.replace(/[W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/3/g,''))"><br/>

<input onkeyup="value=value.replace(/[\W]/g,'') " onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\d]/g,''))"><br/> 

5.简易禁止输入汉字
<input style="ime-mode:disabled">输入法不转换,但可粘贴上<br/>

<input style="ime-mode:disabled">

6.输入数字和小数点
<input onkeyup="value=value.replace(/4/g,'')" /><br/>

<input onkeyup="value=value.replace(/[^\d{1,}\.\d{1,}|\d{1,}]/g,'')" /><br/> 

7.只能数字和"-",例如在输入时间的时候可以用到
<input onkeyup="value=value.replace(/5|_/ig,'')" onblur="value=value.replace(/6|_/ig,'')" />

<input onkeyup="value=value.replace(/[^\w&=]|_/ig,'')" onblur="value=value.replace(/[^\w&-]|_/ig,'')" />

  1. u4E00-u9FA5
  2. u4E00-u9FA5
  3. d
  4. d{1,}.d{1,}|d{1,}
  5. w&=
  6. w&-
qrcode_for_gh_bf7a27ade681_258.jpg

作者: 小柒

出处: https://blog.52itstyle.com

分享是快乐的,也见证了个人成长历程,文章大多都是工作经验总结以及平时学习积累,基于自身认知不足之处在所难免,也请大家指正,共同进步。

本文版权归作者所有,欢迎转载,但未经作者同意必须保留此段声明,且在文章页面明显位置给出, 如有问题, 可邮件(345849402@qq.com)咨询。