编程 Javascript

Javascript的表单验证-初识正则表达式

Posted in Javascript onMarch 18, 2016

推荐阅读：Javascript的表单验证长度

Javascript的表单验证-提交表单

Javascript的表单验证-揭开正则表达式的面纱

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

验证日期

日期的格式相对特别，不能光凭其长度来验证

常见的日期格式：先以两位数表示日，再以两位数表示月，最后以四位数表示年，期间以斜线分隔。

MM/DD/YYYY

博主：怎样设计出验证日期是否符合格式的代码呢？

先来看一下验证日期格式的逻辑吧

将表单域中的值取出，以“/”来分割字符串为数组

分析“月”子字符串，是否是只有两个字符，并且都是数字

分析“日”子字符串，是否是只有两个字符，并且都是数字

分析“年”子字符串，是否是只有四个字符，并且都是数字

满足以上条件，还要判断输入的数据是否只有两个斜线，如果多于两条斜线，之后的内容要忽略

博主：不用怕，Javascript它是相当强大的，它为开发者提供了一个强大的内置工具－－正则表达式

它专门用于匹配文本模式

它就像一位眼睛发亮的警察，时刻观察着嫌疑犯的一举一动，一旦犯法，就将坏人揪出来?(???)?

现在来看一个小例子

匹配模式＝/^\d{5}$/

等于号后面的这个字符就是下则表达式

第一个斜线和最后一个斜线：”/”正则表达式均以斜线围起

第二个字符：”^”字符必须以指定的模式起始，不可使用数字

第三个字符：”\d”代表一个数字

第四个字符：”{5}”唯一的数字必须重复5次

第五个字符：”$”字符串以指定的模式结束

好吧，有关Javascript的表单验证-初识正则表达式的知识小编就给大家介绍这么多，下节将为你揭开正则表达式的面纱。更多内容敬请关注三水点靠木网站！

Javascript的表单验证-初识正则表达式

- Author -

WeAreZero

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

移动节点的jquery代码

Jan 13 Javascript

Node.js安装教程和NPM包管理器使用详解

Aug 16 Javascript

使用原生JS实现弹出层特效

Dec 22 Javascript

javascript中SetInterval与setTimeout的定时器用法

Aug 24 Javascript

项目实践一图片上传之form表单还是base64前端图片压缩(前端图片压缩)

Jul 28 Javascript

js实现弹窗居中的简单实例

Oct 09 Javascript

ES6概念 Symbol.keyFor()方法

Dec 25 Javascript

原生js实现手风琴功能（支持横纵向调用）

Jan 13 Javascript

防止页面url缓存中ajax中post请求的处理方法

Oct 10 Javascript

Vuex 进阶之模块化组织详解

Jan 12 Javascript

Laravel admin实现消息提醒、播放音频功能

Jul 10 Javascript

微信小程序点击图片实现长按预览、保存、识别带参数二维码、转发等功能

Jul 20 Javascript

Javascript的表单验证-提交表单

Mar 18 #Javascript

Javascript的表单与验证-非空验证

Mar 18 #Javascript

悬浮广告方法日常收集整理

Mar 18 #Javascript

Js与Jq获取浏览器和对象值的方法

Mar 18 #Javascript

深入理解JavaScript程序中内存泄漏

Mar 17 #Javascript

【JS+CSS3】实现带预览图幻灯片效果的示例代码

Mar 17 #Javascript

javascript 继承学习心得总结

Mar 17 #Javascript

You might like

php url路由入门实例

2014/04/23 PHP

php之curl设置超时实例

2014/11/03 PHP

php通过exif_read_data函数获取图片的exif信息

2015/05/21 PHP

jQuery的链式调用浅析

2010/12/03 Javascript

浅析return false的正确使用

2013/11/04 Javascript

JS实现侧悬浮浮动实例代码

2013/11/29 Javascript

JavaScript运行过程中的“预编译阶段”和“执行阶段”

2015/12/16 Javascript

使用jQuery制作Web页面遮罩层插件的实例教程

2016/05/26 Javascript

详解JavaScript对象类型

2016/06/16 Javascript

jquery实现上传文件大小类型的验证例子(推荐)

2016/06/25 Javascript

利用Jquery队列实现根据输入数量显示的动画

2016/09/01 Javascript

使用BootStrap和Metroui设计的metro风格微网站或手机app界面

2016/10/21 Javascript

jquery实现拖动效果（代码分享）

2017/01/25 Javascript

jQuery代码实现实时获取时间

2017/01/29 Javascript

前端开发之CSS原理详解

2017/03/11 Javascript

解决vue2.0 element-ui中el-upload的before-upload方法返回false时submit()不生效问题

2018/08/24 Javascript

Nodejs实现用户注册功能

2019/04/14 NodeJs

JavaScript交换变量常用4种方法解析

2020/09/02 Javascript

Python的__builtin__模块中的一些要点知识

2015/05/02 Python

python操作ie登陆土豆网的方法

2015/05/09 Python

python之Character string(实例讲解)

2017/09/25 Python

Python实现的随机森林算法与简单总结

2018/01/30 Python

Python使用itertools模块实现排列组合功能示例

2018/07/02 Python

Python实现随机漫步功能

2018/07/09 Python

在Django下测试与调试REST API的方法详解

2019/08/29 Python

一款恶搞头像特效的制作过程利用css3和jquery

2014/11/21 HTML / CSS

英国珠宝钟表和家居礼品精品店：David Shuttle

2018/02/24 全球购物

全球性的众包图形设计市场：DesignCrowd

2021/02/02 全球购物

秘书行业自我鉴定范文

2013/12/30 职场文书

爱心捐款倡议书范文

2014/05/12 职场文书

奥巴马胜选演讲稿

2014/05/15 职场文书

党委书记个人检查对照材料思想汇报

2014/10/11 职场文书

作风转变年心得体会

2014/10/22 职场文书

校园环境卫生倡议书

2015/04/29 职场文书

工作简报范文

2015/07/21 职场文书

2016年安全月活动总结

2016/04/06 职场文书