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

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

原创最新推荐文章于 2022-08-04 11:18:23 发布 · 234 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#JS验证

JavaScript 专栏收录该内容

14 篇文章

订阅专栏

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

 
  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('不能为空!')">