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


Posted in Javascript onMarch 18, 2016

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

Javascript的表单验证-提交表单

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

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

验证日期

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

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

MM/DD/YYYY

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

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

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

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

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

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

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

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

它专门用于匹配文本模式

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

现在来看一个小例子

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

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

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

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

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

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

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

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

Javascript 相关文章推荐
js类的静态属性和实例属性的理解
Oct 01 Javascript
jQuery实现自定义右键菜单的树状菜单效果
Sep 02 Javascript
jQuery实现进度条效果代码
Dec 17 Javascript
jQuery的ajax下载blob文件
Jul 21 Javascript
浅谈js中的三种继承方式及其优缺点
Aug 10 Javascript
JQuery 封装 Ajax 常用方法(推荐)
May 21 jQuery
VUE中的无限循环代码解析
Sep 22 Javascript
jQuery实现的鼠标滚轮控制图片缩放功能实例
Oct 14 jQuery
React 项目迁移 Webpack Babel7的实现
Sep 12 Javascript
ES6 Object方法扩展的应用实例分析
Jun 25 Javascript
ES6 Iterator遍历器原理,应用场景及相关常用知识拓展详解
Feb 15 Javascript
微信小程序实现带放大效果的轮播图
May 26 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生成图形(Libchart)实例
2013/11/06 PHP
ThinkPHP多语言支持与多模板支持概述
2014/08/22 PHP
一个基于jQuery的树型插件(OrangeTree)使用介绍
2012/05/03 Javascript
原生js写的放大镜效果
2012/08/22 Javascript
简介JavaScript中的setDate()方法的使用
2015/06/11 Javascript
javascript同步服务器时间和同步倒计时小技巧
2015/09/24 Javascript
利用jQuery设计一个简单的web音乐播放器的实例分享
2016/03/08 Javascript
Angular.js中处理页面闪烁的方法详解
2017/03/09 Javascript
深入理解Vue 的钩子函数
2018/09/05 Javascript
使用p5.js临摹动态图片
2019/11/04 Javascript
Vue vm.$attrs使用场景详解
2020/03/08 Javascript
python 装饰器功能以及函数参数使用介绍
2012/01/27 Python
快速入手Python字符编码
2016/08/03 Python
python中的tcp示例详解
2018/12/09 Python
PyCharm使用Docker镜像搭建Python开发环境
2019/12/26 Python
Pandas时间序列:时期(period)及其算术运算详解
2020/02/25 Python
Python使用graphviz画流程图过程解析
2020/03/31 Python
使用已经得到的keras模型识别自己手写的数字方式
2020/06/29 Python
python中reload重载实例用法
2020/12/15 Python
新加坡交友网站:be2新加坡
2019/04/10 全球购物
如何高效率的查找一个月以内的数据
2012/04/15 面试题
大学四年学习的自我评价分享
2013/12/09 职场文书
物流管理专业职业生涯规划书
2014/01/06 职场文书
大二学生职业生涯规划书
2014/02/05 职场文书
数学与统计学院学生个人职业生涯规划书
2014/02/10 职场文书
党的群众路线教育实践活动公开承诺书
2014/03/28 职场文书
气象学专业个人求职信
2014/04/22 职场文书
社区工作者演讲稿
2014/05/23 职场文书
专题组织生活会方案
2014/06/15 职场文书
校园标语大全
2014/06/19 职场文书
党员个人公开承诺书
2014/08/29 职场文书
工程承包协议书
2014/10/20 职场文书
学校党的群众路线教育实践活动总结材料
2014/10/30 职场文书
2014年为民办实事工作总结
2014/12/20 职场文书
导游词之山海关
2019/12/10 职场文书
MySQL中使用or、in与union all在查询命令下的效率对比
2021/05/26 MySQL