JS验证input输入框（字母，数字，符号，中文）

最新推荐文章于 2022-08-04 11:18:23 发布

iteye_6732

最新推荐文章于 2022-08-04 11:18:23 发布

阅读量223

点赞数

CC 4.0 BY-SA版权

分类专栏： JavaScript 文章标签： JS验证

本文链接：https://blog.youkuaiyun.com/iteye_6732/article/details/82654455

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

本文介绍了使用JavaScript来限制HTML输入框中用户可以输入的内容类型的方法。这些方法可以帮助开发者确保输入的数据符合预期的格式，例如仅限数字、仅限英文字符、仅限中文等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
  js验证输入框内容
 
  只能输入英文
 
   <input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"> 
 
  只能输入英文
 
   <input type="text" onkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" 
 
       onkeydown="fncKeyStop(event)" onpaste="return false" 
 
       oncontextmenu="return false" /> 
 
  无法粘贴，右键不会弹出粘贴菜单
 
  只能输入数字：
 
   <input onkeyup="this.value=this.value.replace(/\D/g,'')" 
 
       onafterpaste="this.value=this.value.replace(/\D/g,'')"> 
 
  只能输入数字，小数点：
 
   <input name="price" type="text" 
 
       onkeyup="value=value.replace(/[^\d\.]/g,'')"> 
 
  只能输入数字，小数点，下划线：
 
   <input name="price" type="text" 
 
       onkeyup="value=value.replace(/[^\d\._]/g,'')"> 
 
  只能输入英文和数字：
 
   <input onkeyup="value=value.replace(/[\W]/g,'') " 
 
      onbeforepaste="clipboardData.setData('text',clipboardData.getData('text')
.replace(/[^\d]/g,''))">
 
  只能输入汉字：
 
   <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" 
 
      onbeforepaste="clipboardData.setData('text',clipboardData.getData('text')
.replace(/[^\u4E00-\u9FA5]/g,''))">
 
  禁止输入法输入：
 
   <input type="text" style="ime-mode: disabled"> 
 
  无法切换输入法
 
  只能输入中文、英文、数字、@符号和.符号：
 
   <input type="text" 
 
       onkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\@\.]/g,'')"> 
 
  不能为空：
 
   <input onblur="if(this.value.replace(/^ +| +$/g,'')=='')alert('不能为空!')">