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

默认让页面的第一个控件选中的javascript代码

Dec 26 Javascript

jquery实现商品拖动选择效果代码(自写)

May 28 Javascript

JQuery实现点击div以外的位置隐藏该div窗口

Sep 13 Javascript

深入分析原生JavaScript事件

Dec 29 Javascript

jquery实现submit提交表单

Feb 03 Javascript

JS生成某个范围的随机数【四种情况详解】

Apr 20 Javascript

微信小程序 wx:key详细介绍

Oct 28 Javascript

JavaScript数据结构之链表的实现

Mar 19 Javascript

vuejs项目打包之后的首屏加载优化及打包之后出现的问题

Apr 01 Javascript

详解vue如何使用rules对表单字段进行校验

Oct 17 Javascript

Vue项目中使用WebUploader实现文件上传的方法

Jul 21 Javascript

手动实现vue2.0的双向数据绑定原理详解

Feb 06 Vue.js

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个人网站架设连环讲(二)

2006/10/09 PHP

php Smarty模板生成html文档的方法

2010/04/12 PHP

PHP的array_diff()函数在处理大数组时的效率问题

2011/11/27 PHP

PHP实现原比例生成缩略图的方法

2016/02/03 PHP

基于PHP-FPM进程池探秘

2017/10/17 PHP

IE与FireFox中的childNodes区别

2011/10/20 Javascript

javascript题目，重写函数让其无限相加

2012/02/15 Javascript

深入理解JavaScript系列（18）：面向对象编程之ECMAScript实现

2015/03/05 Javascript

基于jQuery实现收缩展开功能

2016/03/18 Javascript

Jquery Easyui验证组件ValidateBox使用详解（20）

2016/12/18 Javascript

很棒的vue弹窗组件

2017/05/24 Javascript

微信小程序 POST请求的实例详解

2017/09/29 Javascript

JS实现面向对象继承的5种方式分析

2018/07/21 Javascript

使用angularjs.foreach时return的问题解决

2018/09/30 Javascript

使用Phantomjs和Node完成网页的截屏快照的方法

2019/07/16 Javascript

Vue的Options用法说明

2020/08/14 Javascript

python socket网络编程步骤详解(socket套接字使用)

2013/12/06 Python

Python的迭代器和生成器使用实例

2015/01/14 Python

Python实现根据IP地址和子网掩码算出网段的方法

2015/07/30 Python

Python实现简单http服务器

2018/04/12 Python

python 的numpy库中的mean()函数用法介绍

2020/03/03 Python

pyecharts调整图例与各板块的位置间距实例

2020/05/16 Python

CSS3中使用RGBA设置透明度的示例

2015/08/04 HTML / CSS

美国一家专业的太阳镜网上零售商：Solstice太阳镜

2016/07/25 全球购物

医院总经理职责

2013/12/26 职场文书

写给老婆的检讨书

2014/02/21 职场文书

绩效管理实施方案

2014/03/19 职场文书

文明工地标语

2014/06/16 职场文书

一份文言文检讨书

2014/09/13 职场文书

办公室主任四风问题对照检查材料思想汇报

2014/09/28 职场文书

个人四风问题整改措施思想汇报

2014/10/04 职场文书

实训报告范文大全

2014/11/04 职场文书

党的群众路线教育实践活动先进个人材料

2014/12/24 职场文书

教师党员承诺书2015

2015/01/21 职场文书

调研报告的主要写法

2019/04/18 职场文书

教你怎么用python实现字符串转日期

2021/05/24 Python