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


Posted in Javascript onMarch 18, 2016

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

Javascript的表单验证-提交表单

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

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

验证日期

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

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

MM/DD/YYYY

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

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

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

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

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

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

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

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

它专门用于匹配文本模式

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

现在来看一个小例子

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

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

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

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

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

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

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

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

Javascript 相关文章推荐
JavaScript入门教程(10) 认识其他对象
Jan 31 Javascript
基于jquery的获取浏览器窗口大小的代码
Mar 28 Javascript
JS实现为表格动态添加标题的方法
Mar 31 Javascript
jQuery.prop() 使用详解
Jul 19 Javascript
js贪吃蛇网页版游戏特效代码分享(挑战十关)
Aug 24 Javascript
json的使用小结
Jun 08 Javascript
微信小程序 WebSocket详解及应用
Jan 21 Javascript
ng-repeat指令在迭代对象时的去重方法
Oct 02 Javascript
详解微信小程序用定时器实现倒计时效果
Apr 30 Javascript
angularjs自定义过滤器demo示例
Aug 24 Javascript
基于javascript的无缝滚动动画1
Aug 07 Javascript
在vue中axios设置timeout超时的操作
Sep 04 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 filter_var() 函数 Filter 函数
2012/04/25 PHP
Laravel框架Eloquent ORM简介、模型建立及查询数据操作详解
2019/12/04 PHP
jQuery 判断页面元素是否存在的代码
2009/08/14 Javascript
JQuery的ajax基础上的超强GridView展示
2009/09/18 Javascript
一个基于jquery的图片切换效果
2010/07/06 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
jquery实现图片灯箱明暗的遮罩效果
2013/11/15 Javascript
JavaScript sub方法入门实例(把字符串显示为下标)
2014/10/17 Javascript
node.js中的emitter.on方法使用说明
2014/12/10 Javascript
jQuery实现的简单折叠菜单(折叠面板)效果代码
2015/09/16 Javascript
Javascript技术栈中的四种依赖注入详解
2016/02/23 Javascript
jQuery代码实现图片墙自动+手动淡入淡出切换效果
2016/05/09 Javascript
jquery 获取select数组与name数组长度的实现代码
2016/06/20 Javascript
domReady的实现案例
2016/11/23 Javascript
解决同一页面中两个iframe互相调用jquery,js函数的方法
2016/12/12 Javascript
JS实现div模块的截图并下载功能
2017/10/17 Javascript
angularjs实现分页和搜索功能
2018/01/03 Javascript
jQuery实现动态显示select下拉列表数据的方法
2018/02/05 jQuery
使用异步controller与jQuery实现卷帘式分页
2019/06/18 jQuery
完美解决通过IP地址访问VUE项目的问题
2020/07/18 Javascript
jQuery实现移动端扭蛋机抽奖
2020/11/08 jQuery
Python通过递归遍历出集合中所有元素的方法
2015/02/25 Python
Python OrderedDict字典排序方法详解
2020/05/21 Python
vscode配置anaconda3的方法步骤
2020/08/08 Python
pytorch __init__、forward与__call__的用法小结
2021/02/27 Python
canvas实现有递增动画的环形进度条的实现方法
2019/07/10 HTML / CSS
《孔繁森》教学反思
2014/04/17 职场文书
单位承诺书格式
2014/05/21 职场文书
国贸专业求职信
2014/06/28 职场文书
理财学专业自荐书
2014/06/28 职场文书
公司外出活动方案
2014/08/14 职场文书
我的中国梦演讲稿500字
2014/08/19 职场文书
领导干部个人对照检查材料(群众路线)
2014/09/26 职场文书
2014年大学学生会工作总结
2014/12/02 职场文书
2016幼儿教师自荐信范文
2016/01/28 职场文书
关于Vue Router的10条高级技巧总结
2021/05/06 Vue.js