文本框只允许输入数字,中文,字母_丶Seven的博客-程序员宅基地

技术标签: WEB前端  



转载:


文本框只允许输入数字:

<input type="text" name="test" onKeyUp="test1.value=(this.value=this.value.replace(/\D/g,'').substring(0,6)).substring(0,3)" > <br />

<input name="test1" type="text" >

用Up和Down有区别

只能输入数字、字母、下划线

<input ID="txtShopNumber" runat="server" class="input_text" maxlength="8" οnkeyup="value=value.replace(/[^(\-)\w\.\/]/ig,'')"/>

常用的正则表达式 只能输入数字:“^[0-9]*$”
只能输入n位的数字:“^\d{n}$”
只能输入至少n位数字:“^\d{n,}$”
只能输入m-n位的数字:“^\d{m,n}$”
只能输入零和非零开头的数字:“^(0|[1-9][0-9]*)$”
只能输入有两位小数的正实数:“^[0-9]+(.[0-9]{2})?$”
只能输入有1-3位小数的正实数:“^[0-9]+(.[0-9]{1,3})?$”
只能输入非零的正整数:“^\+?[1-9][0-9]*$”
只能输入非零的负整数:“^\-[1-9][0-9]*$”
只能输入长度为3的字符:“^.{3}$”
只能输入由26个英文字母组成的字符串:“^[A-Za-z]+$”
只能输入由26个大写英文字母组成的字符串:“^[A-Z]+$”
只能输入由26个小写英文字母组成的字符串:“^[a-z]+$”
只能输入由数字和26个英文字母组成的字符串:“^[A-Za-z0-9]+$”
只能输入由数字、26个英文字母或者下划线组成的字符串:“^\w+$”
验证用户密码:“^[a-zA-Z]\w{5,17}$”正确格式为:以字母开头,长度在6-18之间,

只能包含字符、数字和下划线。
验证是否含有^%&',;=?$\"等字符:“[^%&',;=?$\x22]+”
只能输入汉字:“^[\u4e00-\u9fa5],{0,}$”
验证Email地址:“^\w+[-+.]\w+)*@\w+([-.]\w+)*\.\w+([-.]\w+)*$”
验证InternetURL:“^http://([\w-]+\.)+[\w-]+(/[\w-./?%&=]*)?$”
验证电话号码:“^(\(\d{3,4}\)|\d{3,4}-)?\d{7,8}$”

正确格式为:“XXXX-XXXXXXX”,“XXXX-XXXXXXXX”,“XXX-XXXXXXX”,

“XXX-XXXXXXXX”,“XXXXXXX”,“XXXXXXXX”。
验证身份证号(15位或18位数字):“^\d{15}|\d{}18$”
验证一年的12个月:“^(0?[1-9]|1[0-2])$”正确格式为:“01”-“09”和“1”“12”
验证一个月的31天:“^((0?[1-9])|((1|2)[0-9])|30|31)$”

正确格式为:“01”“09”和“1”“31”。


用正则表达式限制文本框只能输入数字,小数点,英文字母,汉字等各类代码


1.文本框只能输入数字代码(小数点也不能输入)
<input οnkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

2.只能输入数字,能输小数点.
<input οnkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">
<input name=txt1 οnchange="if(/\D/.test(this.value)){alert('只能输入数字');this.value='';}">

3.数字和小数点方法二
<input type=text t_value="" o_value="" οnkeypress="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" οnkeyup="if(!this.value.match(/^[\+\-]?\d*?\.?\d*?$/))this.value=this.t_value;else this.t_value=this.value;if(this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?)?$/))this.o_value=this.value" οnblur="if(!this.value.match(/^(?:[\+\-]?\d+(?:\.\d+)?|\.\d*?)?$/))this.value=this.o_value;else{if(this.value.match(/^\.\d+$/))this.value=0+this.value;if(this.value.match(/^\.$/))this.value=0;this.o_value=this.value}">

4.只能输入字母和汉字
<input οnkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文
<input οnkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

6.只能输入数字和英文<font color="Red">chun</font>
<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:
<input οnkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">



JS 控制文本框只能输入数字
<input οnkeyup="value=value.replace(/[^0-9]/g,'')" οnpaste="value=value.replace(/[^0-9]/g,'')" oncontextmenu = "value=value.replace(/[^0-9]/g,'')">

JS 控制文本框只能输入数字、小数点
<input οnkeyup="value=value.replace(/[^\0-9\.]/g,'')" οnpaste="value=value.replace(/[^\0-9\.]/g,'')" oncontextmenu = "value=value.replace(/[^\0-9\.]/g,'')">

JS 控制文本框只能输入英文
<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z]/g,'')">

JS 控制文本框只能输入英文、数字
<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9]/g,'')">

JS 控制文本框只能输入中文
<input οnkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" οnpaste="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\u4E00-\u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字
<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5]/g,'')">

JS 控制文本框只能输入中文、英文、数字、空格
<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\ ]/g,'')">

JS 控制文本框只能输入中文、英文、数字、小数点
<input οnkeyup="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" οnpaste="value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')" oncontextmenu = "value=value.replace(/[^\a-\z\A-\Z0-9\u4E00-\u9FA5\.]/g,'')">


总而言之:

  先在‘<input>’ 里输入

     οnkeyup="value=value.replace(/[^\X]/g,'')"

然后在(/[\X]/g,'')里的 X 换成你想输入的代码就可以了,

中文u4E00-u9FA5,数字0-9,英文a-z\A-Z,其它符号@、点或其它 符号。

也可以多个,用\隔开就行了。
例如:中英文 + 数字 + @符号 + 点符号   \a-\z\A-\Z0-9\u4E00-\u9FA5\@\.

若想在文本框里不能右键弹出菜单和不能粘贴进复制的信息的话

就要在'<input>'里输入 οnpaste="return false" οncοntextmenu="return false;"


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/Miss_kun/article/details/40300023

智能推荐

Python项目-Django-创建订单数据库表_Ellen-琳子的博客-程序员宅基地_django 创建订单

创建订单数据库表生成的订单数据要做持久化处理,而且需要在《我的订单》页面展示出来。订单数据库表分析订单号不再采用数据库自增主键,而是由后端生成。一个订单中可以有多个商品信息,订单基本信息和订单商品信息是一对多的关系。订单模型类迁移建表orders/ models.pyfrom django.db import modelsfrom utils.models import BaseModelfrom users.models import User, Addressfrom goods

ld: library not found for -lSVGKit clang: error: linker command failed with exit code 1_梵尘yst的博客-程序员宅基地

CocoaPods移除第三方库的时候容易发生ld: library not found for -lSVGKit clang: error: linker command failed with exit code 1;解决办法:ARGETS -&gt; Other Linker Flags 找到lxxx 删除,重新编译即可。

拓展训练二_tx16_38381516132的博客-程序员宅基地

一、选择题1.使用vim编辑只读文件时,强制存盘并退出的命令是(C)。A.【:w!】    B.【:q!】    C.【:wq!】    D.【:e!】2.使用(A)命令可以把两个文件合并成一个文件。A.【cat】      B.【grep】    C.【awk】    D.【cut】3.使用【ls-al】命令列出下面的文件列表,(B)文件是符号链接文件。A.-rw-rw-rw- 2 hel-s ...

golang 包含 数组_golang 数组_weixin_39594895的博客-程序员宅基地

数组是Go语言编程中最常用的数据结构之一。顾名思义,数组就是指一系列同一类型数据的集合。数组中包含的每个数据被称为数组元素(element),一个数组包含的元素个数被称为数组的长度。在Go语言中数组是一个值类型(value type)。是真真实实的数组,而不是一个指向数组内存起始位置的指针,也不能和同类型的指针进行转化,这一点严重不同于C语言。所有的值类型变量在赋值和作为参数传递时都将产生一次复制...

java中new Date();的使用 和 获取的时间和当前的时间不一致问题_作死的兔子_V的博客-程序员宅基地

java中new Date();的使用 和 获取的时间和当前的时间不一致问题SimpleDateFormat sdf = new SimpleDateFormat("EEE MMM dd HH:mm:ss zzz yyyy", Locale.US); Date date = new Date(); try{// 这里需要转换一下 date = sdf.parse(String.valueOf(new Date()));

基于sdk的linux开发环境搭建,zynq_linux: 项目介绍: zynq的linux sdk环境 致力于完全替代petalinux,方便专业嵌入式开发人员开发程序 由于本人之前基于AX701..._weixin_39747296的博客-程序员宅基地

zynq_linux介绍项目介绍:zynq的linux sdk环境致力于完全替代petalinux,方便专业嵌入式开发人员开发程序由于本人之前基于AX7010做过一些项目,自己搭建了一个sdk开发环境,觉得可以分享出来,所以重新建立一个目录,准备搭建一个正式的SDK环境本想搭建一个支持所有linux版本的sdk环境,但是考虑到代码维护困难,所以这里暂时选择了2018.3.版本进行开发软件架构软件架...

随便推点

linux socket c++类,Linux下Socket的实现(C++)_喵教授的博客-程序员宅基地

下面主要学习Linux下实现TCP通信的Socket主要学些Socket客户端与服务端的实现原理采用多线程的技术实现收发消息对于实现代码采用了注释,秉着“拿来主义”的精神来看一下效果吧/*============================================================================Name : sock.cAuthor ...

CentOS7通过YUM安装Nginx 或 Docker 安装 Nginx_ℳ₯㎕ddzོꦿ࿐的博客-程序员宅基地

CentOS7通过YUM安装Nginx1.将nginx放到yum repro库中rpm -ivh http://nginx.org/packages/centos/7/noarch/RPMS/nginx-release-centos-7-0.el7.ngx.noarch.rpm2.查看nginx信息yum info nginx3.使用yum安装ngnixyum -y install nginxnginx 安装位置:/etc/nginx可在 /etc/nginx/conf.d 里面配置各

python界面浮动窗口_python使用tkinter实现浮动窗口动态实时显示时钟_weixin_39955355的博客-程序员宅基地

本案例是一个小小的尝试,主要是使用tk窗体和label控件实现简单的时间显示功能,并实时展现当前的最新时间,形成动态的展示效果。案例中使用到的知识和技术点:1、TK窗体的基础属性配置2、标签(Label)的基础属性配置3、时间型数据的处理4、tk窗体的动态更新机制一、基础知识简介Tkinter 是 Python 标准 GUI 库,其最初是为 Tcl(这是一门工具命令语言,而不是某个电视机品牌)设计...

差异备份工具——Python_蒟蒻猫的博客-程序员宅基地_文件差异备份软件

python单引号和双引号的区别https://www.py.cn/jishu/jichu/12347.htmlTkinter窗口组件:Texthttps://blog.csdn.net/w15977858408/article/details/104173780按钮https://www.runoob.com/python/python-tk-button.html

Xtion pro live OpenNI2.2 Nite 2.2 安装配置1.0_weixin_30674525的博客-程序员宅基地

1. 安装ubuntu14.04依赖项$ sudo ln -s /lib/x86_64-linux-gnu/libudev.so.1.3.5 /lib/x86_64-linux-gnu/libudev.so.0 2. 安装openni2 下载openni2 安装包 运行安装包下的 install.sh 将生成的环境...

计算机软件可以控制单片机,一个电脑控制单片机通讯程序分享_weixin_39629467的博客-程序员宅基地

/**********************单片机与PC机通讯例程************************* STC89C52RC+* 编写:颜* 晶振:11.0592MHZ*****************************************************************...

推荐文章

热门文章

相关标签