前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
社区首页 >专栏 >Js输入验证

Js输入验证

作者头像
用户7657330
发布于 2020-08-14 03:14:22
发布于 2020-08-14 03:14:22
9.3K00
代码可运行
举报
文章被收录于专栏:程序生涯程序生涯
运行总次数:0
代码可运行

1.文本框只能输入数字代码(小数点也不能输入)

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input onkeyup="this.value=this.value.replace(/\D/g,'')" onafterpaste="this.value=this.value.replace(/\D/g,'')">

2.只能输入数字,能输小数点.

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')">

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

3.数字和小数点方法二

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input type=text t_value="" o_value="" onkeypress="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" onkeyup="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" onblur="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.只能输入字母和汉字

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input onkeyup="value=value.replace(/[\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData. getData_r('text').replace(/[\d]/g,''))" maxlength=10 name="Numbers">

5.只能输入英文字母和数字,不能输入中文

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input onkeyup="value=value.replace(/[^\w\.\/]/ig,'')">

6.只能输入数字和英文

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<font color="Red">chun</font>

<input onKeyUp="value=value.replace(/[^\d|chun]/g,'')">

7.小数点后只能有最多两位(数字,中文都可输入),不能输入字母和运算符号:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input onKeyPress="if((event.keyCode<48 || event.keyCode>57) && event.keyCode!=46 || /\.\d\d$/.test(value))event.returnValue=false">

8.小数点后只能有最多两位(数字,字母,中文都可输入),可以输入运算符号:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input onkeyup="this.value=this.value.replace(/^(\-)*(\d+)\.(\d\d).*$/,'$1$2.$3')">

————————————————————————————————————————

只能输入汉字:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData. getData_r('text').replace(/[^\u4E00-\u9FA5]/g,''))">

只能输入数字:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input onkeyup="value=value.replace(/[^\d]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData. getData_r('text').replace(/[^\d]/g,''))">

只能输入英文和数字:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<input onkeyup="value=value.replace(/[\W]/g,'') "onbeforepaste="clipboardData.setData('text',clipboardData. getData_r('text').replace(/[^\d]/g,''))">

控制输入框只能输入文字或数字,也可以不允许输入特殊字符

这里不允许输入如下字符: (像 mailto:!@#$^&* 等)<br>

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
<textarea rows=2 cols=20 name=comments onKeypress="if ((event.keyCode > 32 && event.keyCode < 48) || (event.keyCode > 57 && event.keyCode < 65) || (event.keyCode > 90 && event.keyCode < 97)) event.returnValue = false;">

只禁止空格输入

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
onkeyup="value=value.replace(/\s/g,'')"

只能输入中文和英文:

代码语言:javascript
代码运行次数:0
运行
AI代码解释
复制
onkeyup="value=value.replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData. getData_r('text').replace(/[^\a-zA-Z\u4E00-\u9FA5]/g,''))"
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2019/02/28 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
暂无评论
推荐阅读
编辑精选文章
换一批
input输入框内容规范正则总结
input type=text 只能输入数字(去掉e和小数点): <input type="number" onkeydown="return event.keyCode !== 69" /> <input type="text" onkeydown="return ( event.ctrlKey || event.altKey || (47<event.keyCode && event.keyCode<58 && event.shiftKey===false) || (95<event.
Daotin
2020/09/08
1.4K0
如何限制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(
小柒2012
2018/04/13
2.4K0
java正则表达式大全
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{n}$"。 只能输入至少n位的数字:"^\d{n,}$"。 只能输
静谧星空TEL
2021/04/27
1.4K0
一个正则表达式测试(只可输入中文、字母和数字)
  在项目中碰到了正则表达式的运用,正则还是非常强大的,不管什么编程语言,基本上都可以用到。之前在用java时特别是对用户名或密码使用正则非常爽,写脚本上用正则也非常爽,可是到了OC这却把我虐了一把,可能是对OC掌握的不够。这里就罗列了从网上找的很有用的资料,感谢大神们的贡献。 首先举一个例子: 匹配9-15个由字母/数字组成的字符串的正则表达式: NSString * regex = @"^[A-Za-z0-9]{9,15}$"; NSPredicate *pred = [NSPredi
猿人谷
2018/01/17
5.6K0
C#常见正则表达式
"^\d+$" //非负整数(正整数 + 0) "^[0-9]*[1-9][0-9]*$" //正整数 "^((-\d+)|(0+))$" //非正整数(负整数 + 0) "^-[0-9]*[1
恋喵大鲤鱼
2018/08/03
7180
jQuery最方便的前端验证方式2种(非空验证与比较验证)
字符串长度限制、判断字符长度 、js 限制输入、限制不能输入、textarea 长度限制
红目香薰
2023/04/06
2.3K0
jQuery最方便的前端验证方式2种(非空验证与比较验证)
常用正则表达式
/^([0-9]{1,}\.[0-9]{1,}|[0-9]{1,})$/    数字或小数点
Java架构师必看
2020/04/22
6480
一些常用实用的正则表达式
匹配中文字符的正则表达式: [\u4e00-\u9fa5] 评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包括汉字在内):[^\x00-\xff] 评注:可以用来计算字符
听着music睡
2018/05/18
6940
Javascript 笔记
JavaScript表单验证电话号码,判断一个输入量是否为电话号码,通过正则表达式实现。 //检查电话号码 function isTel(str){        var reg=/^([0-9]|[\-])+$/g ;        if(str.length<7 || str.length>18){         return false;        }        else{          return reg.exec(str);        } }
Hongten
2018/09/18
1.9K0
Web阶段:第四章:常用的正则表达式
整数或者小数:^[0-9]+\.{0,1}[0-9]{0,2}$ 只能输入数字:”^[0-9]*$” 只能输入n位的数字:”^\d{n}$” 只能输入至少n位的数字:”^\d{n,}$” 只能输入m~
Java廖志伟
2022/09/28
3970
详细的正则表达式
只能输入数字:"^[0-9]*$"。 只能输入n位的数字:"^\d{n}$"。 只能输入至少n位的数字:"^\d{n,}$"。 只能输入m~n位的数字:。"^\d{m,n}$" 只能输入零和非零开头的
Dawnzhang
2018/10/18
6260
经典正则表达式
正则表达式用于字符串处理,表单验证等场合,实用高效,但用到时总是不太把握,以致往往要上网查一番。我将一些常用的表达式收藏在这里,作备忘之用。本贴随时会更新。
Java架构师必看
2021/03/22
7900
JS只能输入数字,数字和字母等的正则表达式
1.只能输入英文   <input type="text" onkeyup="value=value.replace(/[^a-zA-Z]/g,'')"> 2.只能输入中文、英文、数字、@符号和.符号   <input type="text" onkeyup="value=value.replace(/[^a-za-z0-9u4e00-u9fa5@.]/g,'')"> 3.只能输入字母和汉字   <input onkeyup="value=value.replace(/[d]/g,'') "onbefore
磊哥
2018/05/08
18.7K0
PHP常用正则表达式大全
  匹配数字   "^\d+$" //非负整数(正整数 + 0)   "^[0-9]*[1-9][0-9]*$" //正整数   "^((-\d+)|(0+))$" //非正整数(负整数 + 0)  
思梦php
2018/03/09
2.6K0
PHP常用正则表达式大全
NET中验证控件表达式汇总
ASP.NET为开发人员提供了一整套完整的服务器控件来验证用户输入的信息是否有效。这些控件如下:     1、RequiredFieldValidator:验证一个必填字段,如果这个字段没填,那么,将不能提交信息。     2、Comparidator:比较验证。比较两个字段值是否相等,如密码和确认密码两个字段是否相等;比较一个字段与一个具体的值。     3、Rangidator:范围验证。验证一个字段是否在某个范围中,如成绩字段要是0~100范围中。     4、Regularexpression_rV
欢醉
2018/01/22
1.2K0
知识总结:常用正则表达式正则表达式
正则表达式 常用正则表达式大全!(例如:匹配中文、匹配html) 匹配中文字符的正则表达式: [u4e00-u9fa5]  评注:匹配中文还真是个头疼的事,有了这个表达式就好办了 匹配双字节字符(包
牛客网
2018/04/28
9850
Java 正则表达式的用法和实例
6、\S符号:非空字符 7、\s符号:空字符,只可以匹配一个空格、制表符、回车符、换页符,不可以匹配自己输入的多个空格。 8、\r符号:空格符,与\n、\tab相同
全栈程序员站长
2022/08/30
1.2K0
Java 正则表达式的用法和实例
PHP常用正则表达式汇总
正则表达式匹配IP ((25[0-5]|2[0-4]\d|1\d\d|[1-9]\d|\d)\.){3}(25[0-5]|2[0-4]\d|1\d\d|[1-9]\d|[1-9]) 1. 平时做网站经常要用正则表达式,下面是一些讲解和例子,仅供大家参考和修改使用: 2. "^\d+$"  //非负整数(正整数 + 0) 3. "^[0-9]*[1-9][0-9]*$"  //正整数 4. "^((-\d+)|(0+))$"  //非正整数(负整数 + 0) 5. "^-[0-
大师级码师
2021/10/27
2.4K0
PHP 正则表达式及常用正则汇总
正则表达式用于字符串处理、表单验证等场合,实用高效。现将一些常用的表达式收集于此,以备不时之需。
V站CEO-西顾
2018/06/10
3.8K2
JS 限制输入框只输入数字和小数点
onkeyup="if(isNaN(value))execCommand('undo')" onafterpaste="if(isNaN(value))execCommand('undo')"
week
2018/08/27
7.5K0
相关推荐
input输入框内容规范正则总结
更多 >
领券
社区富文本编辑器全新改版!诚邀体验~
全新交互,全新视觉,新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能,全面提升创作效率和体验
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档
查看详情【社区公告】 技术创作特训营有奖征文