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

2007/12/23更新创意无限,简单实用(javascript log)

Dec 24 Javascript

jquery.blockUI.js上传滚动等待效果实现思路及代码

Mar 18 Javascript

让input框实现类似百度的搜索提示(基于jquery事件监听)

Jan 31 Javascript

学习JavaScript设计模式(策略模式)

Nov 26 Javascript

jQuery+ajax简单实现文件上传的方法

Jun 03 Javascript

基于原生js淡入淡出函数封装（兼容IE）

Oct 20 Javascript

解析ajaxFileUpload 异步上传文件简单使用

Dec 30 Javascript

安装vue-cli的简易过程

May 22 Javascript

Angularjs中date过滤器失效的问题及解决方法

Jul 06 Javascript

webstorm+vue初始化项目的方法

Oct 18 Javascript

jQuery实现的记住帐号密码功能完整示例

Aug 03 jQuery

Javascript如何递归遍历本地文件夹

Aug 06 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写的采集程序

2007/03/16 PHP

php中字符串和正则表达式详解

2014/10/23 PHP

PHP微信开发之微信录音临时转永久存储

2018/01/26 PHP

JavaScript 滚轮事件使用说明

2010/03/07 Javascript

精选的10款用于构建良好易用性网站的jQuery插件

2011/01/23 Javascript

IE6/7/8中Option元素未设value时Select将获取空字符串

2011/04/07 Javascript

js实现分享到随页面滚动而滑动效果的方法

2015/04/10 Javascript

详解JavaScript编程中正则表达式的使用

2015/10/25 Javascript

jQuery中cookie插件用法实例分析

2015/12/04 Javascript

JavaScript中的ajax功能的概念和示例详解

2016/10/17 Javascript

深入理解vue.js双向绑定的实现原理

2016/12/05 Javascript

Vue.js父与子组件之间传参示例

2017/02/28 Javascript

微信小程序-横向滑动scroll-view隐藏滚动条

2017/04/20 Javascript

tween.js缓动补间动画算法示例

2018/02/13 Javascript

取消Bootstrap的dropdown-menu点击默认关闭事件方法

2018/08/10 Javascript

Electron + vue 打包桌面操作流程详解

2019/06/24 Javascript

JS代码屏蔽F12,右键,粘贴,复制,剪切,选中,操作实例

2019/09/17 Javascript

vue 自定指令生成uuid滚动监听达到tab表格吸顶效果的代码

2020/09/16 Javascript

[00:36]DOTA2风云人物相约完美“圣”典 12月17日不见不散

2016/11/30 DOTA

Flask框架的学习指南之开发环境搭建

2016/11/20 Python

Python实现将文本生成二维码的方法示例

2017/07/18 Python

利用Python-iGraph如何绘制贴吧/微博的好友关系图详解

2017/11/02 Python

Python实现JSON反序列化类对象的示例

2018/01/31 Python

python批量赋值操作实例

2018/10/22 Python

python利用datetime模块计算程序运行时间问题

2020/02/20 Python

HTML5页面音视频在微信和app下自动播放的实现方法

2016/10/20 HTML / CSS

Roxy俄罗斯官方网站：冲浪和滑雪板的一切

2020/06/20 全球购物

幼儿教师自我鉴定

2013/11/02 职场文书

电气技术员岗位职责

2013/11/19 职场文书

高中同学聚会邀请函

2014/01/11 职场文书

十八大闭幕感言

2014/01/22 职场文书

三爱活动实施方案

2014/03/19 职场文书

幼儿园小班评语

2014/04/18 职场文书

党员四风问题对照检查材料

2014/09/27 职场文书

总经理致辞

2015/07/29 职场文书

python文本处理的方案(结巴分词并去除符号)

2021/05/26 Python