新闻资讯  快讯  焦点  财经  政策  社会
互 联 网   电商  金融  数据  计算  技巧
生活百科  科技  职场  健康  法律  汽车
手机百科  知识  软件  修理  测评  微信
软件技术  应用  系统  图像  视频  经验
硬件技术  知识  技术  测评  选购  维修
网络技术  硬件  软件  设置  安全  技术
程序开发  语言  移动  数据  开源  百科
安全防护  资讯  黑客  木马  病毒  移动
站长技术  搜索  SEO  推广  媒体  移动
财经百科  股票  知识  理财  财务  金融
教育考试  育儿  小学  高考  考研  留学
您当前的位置:首页 > IT > 程序开发 > 语言 > Js

javascript简单的正则表达式应用

时间:2019-06-14 13:22:52  来源:  作者:

一、先做一张简单的网页。

javascript简单的正则表达式应用「315」

 


javascript简单的正则表达式应用「315」

 

二、加上相应的javacript代码。

javascript简单的正则表达式应用「315」

 

三、开始测试,判断输入框内的是否是6位数字。

javascript简单的正则表达式应用「315」

 


javascript简单的正则表达式应用「315」

 

四、判断输入框内为正整数,而不是负数。

javascript简单的正则表达式应用「315」

 


javascript简单的正则表达式应用「315」

 

五、判断身份证位数吧,这里15位和18位的身份证都可以判断,只是x结尾的没做判断。

javascript简单的正则表达式应用「315」

 


javascript简单的正则表达式应用「315」

 

六、这里我不只判断位数,还有判断规则,长了点,慢慢消化。

javascript简单的正则表达式应用「315」

 

  • ^[1-9]d{5}(18|19|([23]d))d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)d{3}[0-9Xx]$
  • 太长了,我们一截一截看。
  • [1-9]第一位是1到9的数字
  • 例:4
  • d{5}第二位往后5位是数字
  • 例:452122
  • (18|19|([23]d))分别是18或19或2和3开头的两位数
  • 例:45212219
  • d{2}是任意两位数
  • 例:4521221995
  • ((0[1-9])|(10|11|12))这里月份占两位数
  • 例:452122199505
  • (([0-2][1-9])|10|20|30|31)这里是日占两位数
  • 例:45212219950523
  • d{3}[0-9Xx]这里是四位,最后一位可以是x或X
  • 例:452122199505236615
  • 七、再做一个简单的月份判断。
javascript简单的正则表达式应用「315」

 

  • ^(0?[1-9]|1[0-2])$
  • 0?[1-9]?的意思是0可有可没有
  • 例:你输入3和03都是正确的
  • 1[0-2]是10或11或12
  • 中间那条竖线是或的意思

更多的正则表达式,有机会再和大家探讨。


<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
<input type="text" id="inp">
<button onclick="testinp()">测试</button>
<p id="resval"></p>
<!-- 一个输入框,一个按钮,一个返回结果的p标签 -->
<script>
var einp = document.querySelector("#inp");
var eres = document.querySelector("#resval");
var testinp = function () {
if (/^(0?[1-9]|1[0-2])$/.test(einp.value)) {
//这里是月份判断
eres.innerHTML = "正确";
} else eres.innerHTML = "错误";
}
</script>
</body>
</html>
 


Tags:javascript   点击:()  评论:()
声明:本站部分内容来自互联网,如有任何版权侵犯或其他问题请与我们联系,我们将立即删除或处理。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
JavaScript:基本概念:JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于浏览...【详细内容】
2019-06-18 JavaScript  点击:(1)  评论:(0)  加入收藏
这是我在知乎上的一个回答, 如果有兴趣的同学可以在知乎上搜索我的账户: jsppedu。1、横向分类前端:HTML、CSS、JavaScript后端:PHP、MySQL2、责任分类HTML:负责网页结构部分CSS:...【详细内容】
2019-06-18 HTML  点击:(1)  评论:(0)  加入收藏
为了保证提交数据的正确性,用户在填写表单的过程中还需要编写一堆的验证操作,可以利用JavaScript来验证完成。下面就给大家分享在web开发中JavaScript 表单验证如何实现的?希望...【详细内容】
2019-06-17 JavaScript  点击:(3)  评论:(0)  加入收藏
一、先做一张简单的网页。 二、加上相应的javacript代码。 三、开始测试,判断输入框内的是否是6位数字。 四、判断输入框内为正整数,而不是负数。 五、判断身份证位数吧...【详细内容】
2019-06-14 javascript  点击:(2)  评论:(0)  加入收藏
前言什么是 V8?JavaScript运行的背后发生了什么?如果你是一个 JS 开发者或者是正在学习这门语言的学生,很大概率上你会遇到双字母词”V8”。在这篇文章中,我将会为你简述不同的...【详细内容】
2019-06-05 JavaScript  点击:(5)  评论:(0)  加入收藏
一、排序 冒泡排序//冒泡排序function bubbleSort(arr) { for(var i = 1, len = arr.length; i < len - 1; ++i) { for(var j = 0; j <= len - i; ++j) { if (arr[j] > arr[...【详细内容】
2019-05-17 JavaScript, js  点击:(9)  评论:(0)  加入收藏
JavaScript 引用类型所谓引用类型,在ECMAScript中表示一种数据结构,其中有一些数据和方法,在其他语言中大多被称为类,但是在这里我们一般不这样称呼。即使ECMAScript是一门面...【详细内容】
2019-05-15 JavaScript, js  点击:(8)  评论:(0)  加入收藏
前言可能你会很熟练,但名称不一定知道。正文从这开始~~ 让我们谈谈什么是:lambdas(匿名函数)、 first-class functions(头等函数)、higher-order functions(高阶函数)、unary functi...【详细内容】
2019-05-08 JavaScript, js  点击:(10)  评论:(0)  加入收藏
前言何为技巧,意指表现在文学、工艺、体育等方面的巧妙技能。代码作为一门现代高级工艺,推动着人类科学技术的发展,同时犹如文字一样承托着人类文化的进步。每写好一篇文章,都...【详细内容】
2019-05-08 JavaScript, js  点击:(6)  评论:(0)  加入收藏
这篇文章主要记录一下平时自己实践得到的, 博客中学习的以及在一些项目源码中看到的 javascript 技巧。有些东西可以说是奇淫技巧,有些可能是 ES6+ 中一些比较具有实用性的...【详细内容】
2019-05-05 JavaScript, js  点击:(7)  评论:(0)  加入收藏
Javascript的历史来源94年网景公司 研发出世界上第一款浏览器。95年 sun公司 java语言诞生网景公司和sun合作。Javascript ===> javascriptJavaScript和ECMAScript的关系简...【详细内容】
2019-04-30   点击:(12)  评论:(0)  加入收藏
用任何编程语言来开发程序,都是为了让计算机干活,比如编写一篇文章,下载一首MP3等,而计算机干活的CPU只认识机器的指令,所以,尽管不同的编程语言差异极大,最后都得“翻译”成CPU可以执行的机器指令。理论上任何语言干任何事...【详细内容】
2019-04-17   点击:(8)  评论:(0)  加入收藏
推荐资讯
相关文章
栏目更新
栏目热门