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


Posted in Javascript onMarch 18, 2016

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

Javascript的表单验证-提交表单

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

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

验证日期

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

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

MM/DD/YYYY

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

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

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

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

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

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

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

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

它专门用于匹配文本模式

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

现在来看一个小例子

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

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

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

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

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

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

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

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

Javascript 相关文章推荐
两个比较有用的Javascript工具函数代码
Feb 17 Javascript
JavaScript实现找出字符串中第一个不重复的字符
Sep 03 Javascript
JS中常用的输出方式(五种)
Jun 12 Javascript
bootstrap滚动监控器使用方法解析
Jan 13 Javascript
高效的jQuery代码编写技巧总结
Feb 22 Javascript
纯JS实现只能输入数字的简单代码
Jun 21 Javascript
Jquery中.bind()、.live()、.delegate()和.on()之间的区别详解
Aug 01 jQuery
Angular 数据请求的实现方法
May 07 Javascript
详解vue引入子组件方法
Feb 12 Javascript
Layui 带多选框表格监听事件以及按钮自动点击写法实例
Sep 02 Javascript
vue或react项目生产环境去掉console.log的操作
Sep 02 Javascript
JS中如何优雅的使用async await详解
Oct 05 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
40年前的这部特摄片恐龙特级克塞号80后的共同回忆
2020/03/08 日漫
PHP大文件分块上传功能实例详解
2019/07/22 PHP
用Javascript 获取页面元素的位置的代码
2009/09/25 Javascript
$.get获取一个文件的内容示例代码
2013/09/11 Javascript
javascript单引号和双引号的区别和处理
2014/05/14 Javascript
jquery动态改变div宽度和高度
2015/02/09 Javascript
js中常用的Tab切换效果(推荐)
2016/08/30 Javascript
微信小程序 图片宽度自适应的实现
2017/04/06 Javascript
AngularJS中的promise用法分析
2017/05/19 Javascript
angular ng-click防止重复提交实例
2017/06/16 Javascript
解决VUE中document.body.scrollTop为0的问题
2018/09/15 Javascript
Vue中正确使用Element-UI组件的方法实例
2020/10/13 Javascript
Vue 组件注册全解析
2020/12/17 Vue.js
Python三种遍历文件目录的方法实例代码
2018/01/19 Python
Python列表推导式、字典推导式与集合推导式用法实例分析
2018/02/07 Python
Python实现判断并移除列表指定位置元素的方法
2018/04/13 Python
对python中的高效迭代器函数详解
2018/10/18 Python
Python实现批量修改图片格式和大小的方法【opencv库与PIL库】
2018/12/03 Python
tensorflow2.0保存和恢复模型3种方法
2020/02/03 Python
在python3.9下如何安装scrapy的方法
2021/02/03 Python
美国高街时尚品牌:OASAP
2016/07/24 全球购物
马来西亚网上购物:Youbeli
2018/03/30 全球购物
机电专业个人自荐信格式模板
2013/09/23 职场文书
自我鉴定写作要点
2014/01/17 职场文书
春季运动会广播稿大全
2014/02/19 职场文书
观看《永远的雷锋》心得体会
2014/03/12 职场文书
群众路线剖析材料怎么写
2014/10/09 职场文书
质量整改报告范文
2014/11/08 职场文书
办公室文员岗位职责
2015/02/04 职场文书
2015新生加入学生会自荐书
2015/03/24 职场文书
冰雪公主观后感
2015/06/16 职场文书
2019年圣诞节祝福语集锦
2019/12/25 职场文书
Golang实现AES对称加密的过程详解
2021/05/20 Golang
Mysql效率优化定位较低sql的两种方式
2021/05/26 MySQL
Python音乐爬虫完美绕过反爬
2021/08/30 Python
SQL Server数据库备份和恢复数据库的全过程
2022/06/14 SQL Server