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


Posted in Javascript onMarch 18, 2016

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

Javascript的表单验证-提交表单

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

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

验证日期

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

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

MM/DD/YYYY

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

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

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

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

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

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

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

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

它专门用于匹配文本模式

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

现在来看一个小例子

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

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

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

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

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

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

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

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

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