限制input框正则表达式只输入数字，英文，等

最新推荐文章于 2024-01-23 18:59:56 发布

原创最新推荐文章于 2024-01-23 18:59:56 发布 · 516 阅读

3 ·

CC 4.0 BY-SA版权

本文详细介绍了如何使用HTML输入事件和正则表达式来限制用户输入的类型，包括汉字、数字、英文与数字、全角字符等，并提供了17种常见正则表达式的用法。

1.能输入汉字：

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

2.只能输入数字：

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

3.只能输入英文和数字：

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

4.只能输入全角：

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

17种正则表达式：

   "^\\d+$"　　//非负整数（正整数 + 0） 
      "^[0-9]*[1-9][0-9]*$"　　//正整数 
      "^((-\\d+)|(0+))$"　　//非正整数（负整数 + 0） 
      "^-[0-9]*[1-9][0-9]*$"　　//负整数 
      "^-?\\d+$"　　　　//整数 
      "^\\d+(\\.\\d+)?$"　　//非负浮点数（正浮点数 + 0） 
      "^(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*))$"　　//正浮点数
      "^((-\\d+(\\.\\d+)?)|(0+(\\.0+)?))$"　　//非正浮点数（负浮点数 + 0） 
      "^(-(([0-9]+\\.[0-9]*[1-9][0-9]*)|([0-9]*[1-9][0-9]*\\.[0-9]+)|([0-9]*[1-9][0-9]*)))$"　　//负浮点数
      "^(-?\\d+)(\\.\\d+)?$"　　//浮点数 
      "^[A-Za-z]+$"　　//由26个英文字母组成的字符串 
      "^[A-Z]+$"　　//由26个英文字母的大写组成的字符串 
      "^[a-z]+$"　　//由26个英文字母的小写组成的字符串 
      "^[A-Za-z0-9]+$"　　//由数字和26个英文字母组成的字符串 
      "^\\w+$"　　//由数字、26个英文字母或者下划线组成的字符串 
      "^[\\w-]+(\\.[\\w-]+)*@[\\w-]+(\\.[\\w-]+)+$"　　　　//email地址 
      "^[a-zA-z]+://(\\w+(-\\w+)*)(\\.(\\w+(-\\w+)*))*(\\?\\S*)?$"　　//url