input输入框常用限制

news/2024/7/24 10:18:36 标签: input

最简单的html代码实现输入框只能输入正整数,输入同时禁止了以0开始的数字输入,防止被转化为其他进制的数值。

<input type='text' onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')">

校验登录名:只能输入5-20个以字母开头、可带数字、“_”、“.”的字串

/^[a-zA-Z]{1}([a-zA-Z0-9]|[._]){4,19}$/

校验用户姓名:只能输入1-30个以字母开头的字串

/^[a-zA-Z]{1,30}$/

校验密码:只能输入6-20个字母、数字、下划线

/^(\w){6,20}$/
\w:用于匹配字母,数字或下划线字符

校验URL

/^http[s]{0,1}:\/\/.+$/ 或 /^http[s]{0,1}:\/\/.{1,n}$/ (表示url串的长度为length(“https://”) + n )

校验纯中文字符

/^[\u4E00-\u9FA5]+$/

常用正则表达式

 "^\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
/^(d{2}|d{4})-((0([1-9]{1}))|(1[1|2]))-(([0-2]([1-9]{1}))|(3[0|1]))$/   //  年-月-日
/^((0([1-9]{1}))|(1[1|2]))/(([0-2]([1-9]{1}))|(3[0|1]))/(d{2}|d{4})$/   // 月/日/年
"^([w-.]+)@(([[0-9]{1,3}.[0-9]{1,3}.[0-9]{1,3}.)|(([w-]+.)+))([a-zA-Z]{2,4}|[0-9]{1,3})(]?)$"   //Emil
"(d+-)?(d{4}-?d{7}|d{3}-?d{8}|^d{7,8})(-d+)?"     //电话号码
"^(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5]).(d{1,2}|1dd|2[0-4]d|25[0-5])$"   //IP地址

 

^([0-9A-F]{2})(-[0-9A-F]{2}){5}$   //MAC地址的正则表达式
^[-+]?\d+(\.\d+)?$  //值类型正则表达式

 


http://www.niftyadmin.cn/n/1251167.html

相关文章

优秀文章合集推荐,收藏就是学会

话不多说&#xff0c;这一次花了几小时精心为大家挑选了30余篇好文&#xff0c;供大家阅读学习&#xff0c;提升自己的技术视野以及扩展自己的知识储备。本文阅读技巧&#xff0c;先粗看标题&#xff0c;感兴趣可以都关注一波&#xff0c;一起共同进步。前端印象简介&#xff1…

看完尤雨溪338条知乎回答后,我突然找到了前进的方向

1、创造影响力的机会总是存在&#xff0c;但受一定的时代进程的影响。这里并不是说能不能成完全靠运气&#xff1a;作为个人想要最大化创造影响力的机会&#xff0c;最重要的是两点&#xff1a;会发现问题&#xff0c;并且判断出什么问题值得解决。具备高质量解决某个领域问题的…

为什么说大多数 JavaScript 工程师写的错误处理都有问题

程序是从上到下顺序执行的&#xff0c;同时可以通过一些控制语句来改变执行的路线&#xff0c;受控制语句影响下&#xff0c;程序最终的执行路线就是控制流。js 里面的控制语句有 if、for、while、try catch 等&#xff0c;它们都会改变程序的走向。程序是操作数据的&#xff0…

Docker容器的重启策略及docker run的--restart选项详解

1. Docker容器的重启策略 Docker容器的重启策略是面向生产环境的一个启动策略&#xff0c;在开发过程中可以忽略该策略。Docker容器的重启都是由Docker守护进程完成的&#xff0c;因此与守护进程息息相关。 Docker容器的重启策略如下&#xff1a; no 默认策略&#xff0c;在…

你觉得Hooks这一点烦吗?

昨天一个小伙伴发了一个Demo给我&#xff0c;让我解释下原因。我一看&#xff0c;好家伙&#xff0c;小小一个Demo&#xff0c;知识点囊括了&#xff1a;Hooks的闭包问题state是如何组装的相信看完这个Demo&#xff0c;对函数组件会有更深的认识。让人懵逼的DemoDemo包含一个按…

这样设计一个可扩展、通用的、健壮性组件

点击上方关注 小生方勤&#xff0c;一起学习&#xff0c;天天进步前言组件是页面不可或缺的部分&#xff0c;而设计组件就成为了前端同学每日工作。所以一位程序员的职业生涯大约十年&#xff0c;只有人寿命的十分之一。前端项目只是你生活工作的一部分&#xff0c;而你却是它的…

前端构建这十年

作者 | 李十三https://segmentfault.com/a/1190000040496020◆ 写在前面前端模块化/构建工具从最开始的基于浏览器运行时加载的 RequireJs/Sea.js 到将所有资源组装依赖打包 webpack/rollup/parcel的bundle类模块化构建工具&#xff0c;再到现在的bundleless基于浏览器原生 E…

突发!LayUI宣布下线

偶然的事件&#xff0c;看到 LayUi&#xff08;读音 "类UI"&#xff09;官方说&#xff0c;LayUI官网 https://www.layui.com/ 将关闭&#xff0c;多少有些伤感。或许&#xff0c;有人会说&#xff0c;通知里也说了&#xff0c;“新版下载、文档和示例等仍会在Githu…