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


Posted in Javascript onMarch 18, 2016

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

Javascript的表单验证-提交表单

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

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

验证日期

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

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

MM/DD/YYYY

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

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

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

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

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

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

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

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

它专门用于匹配文本模式

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

现在来看一个小例子

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

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

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

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

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

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

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

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

Javascript 相关文章推荐
JS 自动安装exe程序
Nov 30 Javascript
DWR Ext 加载数据
Mar 22 Javascript
使用JavaScript动态设置样式实现代码(2)
Jan 25 Javascript
css结合js制作下拉菜单示例代码
Feb 27 Javascript
jQuery提交多个表单的小技巧
Jul 27 Javascript
html的DOM中document对象anchors集合用法实例
Jan 21 Javascript
JS控制静态页面之间传递参数获取参数并应用的简单实例
Aug 10 Javascript
浅谈js中字符和数组一些基本算法题
Aug 15 Javascript
分享JavaScript监听全部Ajax请求事件的方法
Aug 28 Javascript
vue.js 实现输入框动态添加功能
Jun 25 Javascript
vue3+typeScript穿梭框的实现示例
Dec 29 Vue.js
前端vue+express实现文件的上传下载示例
Feb 18 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面向对象全攻略 (三)特殊的引用“$this”的使用
2009/09/30 PHP
PHP和.net中des加解密的实现方法
2013/02/27 PHP
JQuery 文本框使用小结
2010/05/22 Javascript
基于Jquery的仿照flash放大图片效果代码
2011/03/16 Javascript
jquery、js调用iframe父窗口与子窗口元素的方法整理
2014/07/31 Javascript
jQuery可见性过滤器:hidden和:visibility用法实例
2015/06/24 Javascript
浅谈jQuery animate easing的具体使用方法(推荐)
2016/06/17 Javascript
通过原生JS实现为元素添加事件的方法
2016/11/23 Javascript
vue项目中做编辑功能传递数据时遇到问题的解决方法
2016/12/19 Javascript
jQuery查找和过滤_动力节点节点Java学院整理
2017/07/04 jQuery
微信小程序实现左侧滑栏过程解析
2019/08/26 Javascript
解决layui使用layui-icon出现默认图标的问题
2019/09/11 Javascript
layui输入框中只允许输入整数的实现方法
2019/09/18 Javascript
nuxt.js服务端渲染中axios和proxy代理的配置操作
2020/11/06 Javascript
[40:05]LGD vs Winstrike 2018国际邀请赛小组赛BO2 第二场 8.17
2018/08/18 DOTA
Python多线程爬虫简单示例
2016/03/04 Python
python学习教程之使用py2exe打包
2017/09/24 Python
python实现微信跳一跳辅助工具步骤详解
2018/01/04 Python
详解Python3.6的py文件打包生成exe
2018/07/13 Python
Python实现屏幕录制功能的代码
2020/03/02 Python
Python文字截图识别OCR工具实例解析
2020/03/05 Python
python 实现简单的计算器(gui界面)
2020/11/11 Python
python+flask编写一个简单的登录接口
2020/11/13 Python
python SOCKET编程基础入门
2021/02/27 Python
使用html5新特性轻松监听任何App自带返回键的示例
2018/03/13 HTML / CSS
Html5移动端适配IphoneX等机型的方法
2019/06/25 HTML / CSS
世界上最大的在线汽车租赁预订平台:Rentalcars.com(支持中文)
2018/10/12 全球购物
异常和异常类的概念
2014/09/12 面试题
暑期社会实践学生的自我评价
2014/01/09 职场文书
国税会议欢迎词
2014/01/16 职场文书
客服专员岗位职责
2014/02/28 职场文书
信息工作经验交流材料
2014/05/28 职场文书
环保项目建议书
2014/08/26 职场文书
大学生自我评价200字(4篇)
2014/09/17 职场文书
2015年语言文字工作总结
2015/07/23 职场文书
使用Docker容器部署rocketmq单机的全过程
2022/04/03 Servers