编程 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 相关文章推荐

js类 from qq

Nov 13 Javascript

Jquery 组合form元素为json格式,asp.net反序列化

Jul 09 Javascript

js解析与序列化json数据(二)序列化探讨

Feb 01 Javascript

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

Dec 22 Javascript

jQuery遍历DOM元素与节点方法详解

Apr 14 Javascript

jquery实现网站列表切换效果的2种方法

Aug 12 Javascript

老生常谈js数据类型

Aug 03 Javascript

微信小程序MUI导航栏透明渐变功能示例(通过改变opacity实现)

Jan 24 Javascript

vue项目出现页面空白的解决方案

Oct 31 Javascript

js实现上下左右键盘控制div移动

Jan 16 Javascript

js+canvas实现简单扫雷小游戏

Jan 22 Javascript

vue 防止页面加载时看到花括号的解决操作

Nov 09 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并替换参数或网址的方法

2010/06/06 PHP

php获取ip及网址的简单方法(必看)

2017/04/01 PHP

JavaScript 继承的实现

2009/07/09 Javascript

使用Jquery打造最佳用户体验的登录页面的实现代码

2011/07/08 Javascript

打印json对象的内容及JSON.stringify函数应用

2013/03/29 Javascript

超级简单的jquery操作表格方法

2014/12/15 Javascript

判断浏览器的内核及版本号方法汇总

2015/01/05 Javascript

jQuery实现渐变弹出层和弹出菜单的方法

2015/02/20 Javascript

canvas绘制万花筒效果（代码分享）

2017/01/20 Javascript

详解Vue文档中几个易忽视部分的剖析

2018/03/24 Javascript

JS中使用new Option()实现时间联动效果

2018/12/10 Javascript

vue fetch中的.then()的正确使用方法

2020/04/17 Javascript

AutoJs实现刷宝短视频的思路详解

2020/05/22 Javascript

[03:54]Ehome出征西雅图回顾2016国际邀请赛晋级之路

2016/08/02 DOTA

pyside写ui界面入门示例

2014/01/22 Python

Python原始字符串(raw strings)用法实例

2014/10/13 Python

python编写爬虫小程序

2015/05/14 Python

python实现在字符串中查找子字符串的方法

2015/07/11 Python

利用Python的Django框架生成PDF文件的教程

2015/07/22 Python

Python中的Descriptor描述符学习教程

2016/06/02 Python

解决pyqt中ui编译成窗体.py中文乱码的问题

2016/12/23 Python

Python简单的制作图片验证码实例

2017/05/31 Python

python调用摄像头显示图像的实例

2018/08/03 Python

python装饰器代替set get方法实例

2019/12/19 Python

Python AutoCAD 系统设置的实现方法

2020/04/01 Python

Python Django搭建网站流程图解

2020/06/13 Python

Python爬虫简单运用爬取代理IP的实现

2020/12/01 Python

通过CSS3的object-fit来调整图片适配尺寸的技巧简介

2016/02/27 HTML / CSS

电影T恤、80年代T恤和80年代服装：TV Store Online

2020/01/05 全球购物

道德模范先进事迹

2014/02/14 职场文书

个人欠款担保书

2014/05/20 职场文书

群众路线自查自纠工作情况报告

2014/10/28 职场文书

幼儿教师2014年度工作总结

2014/12/16 职场文书

水电工岗位职责

2015/02/14 职场文书

小学班主任自我评价

2015/03/11 职场文书

乡镇法制宣传日活动总结

2015/05/05 职场文书