编程 Javascript

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

Posted in Javascript onMarch 18, 2016

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

Javascript的表单验证-提交表单

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

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

验证日期

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

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

MM/DD/YYYY

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

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

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

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

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

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

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

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

它专门用于匹配文本模式

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

现在来看一个小例子

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

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

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

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

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

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

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

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

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

- Author -

WeAreZero

声明：登载此文出于传递更多信息之目的，并不意味着赞同其观点或证实其描述。

Javascript 相关文章推荐

document.all与WEB标准

May 13 Javascript

Javascript获取HTML静态页面参数传递值示例

Aug 18 Javascript

json的定义、标准格式及json字符串检验

May 11 Javascript

JavaScript实现大数的运算

Nov 24 Javascript

JavaScript组件开发完整示例

Dec 15 Javascript

js数字计算误差问题的快速解决方法

Feb 28 Javascript

jquery加载单文件vue组件的方法

Jun 20 jQuery

微信小程序实现分享到朋友圈功能

Jul 19 Javascript

详解React服务端渲染从入门到精通

Mar 28 Javascript

Vue+tracking.js 实现前端人脸检测功能

Apr 16 Javascript

Vue全局使用less样式,组件使用全局样式文件中定义的变量操作

Oct 21 Javascript

vue打包通过image-webpack-loader插件对图片压缩优化操作

Nov 12 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

mysql中存储过程、函数的一些问题

2007/02/14 PHP

mysql_fetch_row,mysql_fetch_array,mysql_fetch_assoc的区别

2009/04/24 PHP

基于php下载文件的详解

2013/06/02 PHP

PHP函数addslashes和mysql_real_escape_string的区别

2014/04/22 PHP

深入理解PHP中的Streams工具

2015/07/03 PHP

PHP+MySQL高并发加锁事务处理问题解决方法

2018/04/30 PHP

jQuery中的.bind()、.live()和.delegate()之间区别分析

2011/06/08 Javascript

修复IE9&safari 的sort方法

2011/10/21 Javascript

使用upstart把nodejs应用封装为系统服务实例

2014/06/01 NodeJs

js中直接声明一个对象的方法

2014/08/10 Javascript

json字符串之间的相互转换示例代码

2014/08/21 Javascript

JavaScript中的Primitive对象封装介绍

2014/12/31 Javascript

JQuery中attr方法和removeAttr方法用法实例

2015/05/18 Javascript

JavaScript页面实时显示当前时间实例代码

2016/10/23 Javascript

整理一下常见的IE错误

2016/11/18 Javascript

Javascript 判断两个IP是否在同一网段实例代码

2016/11/28 Javascript

jquery设置css样式的多种方法(总结)

2017/02/21 Javascript

JS正则表达式验证中文字符

2017/05/08 Javascript

Vue.js 中的 v-model 指令及绑定表单元素的方法

2018/12/03 Javascript

JavaScript实现简易聊天对话框(加滚动条)

2020/02/10 Javascript

详解钉钉小程序组件之自定义模态框（弹窗封装实现）

2020/03/07 Javascript

微信小程序实现聊天室

2020/08/21 Javascript

Python 匹配任意字符（包括换行符）的正则表达式写法

2009/10/29 Python

Python getopt模块处理命令行选项实例

2014/05/13 Python

django实现前后台交互实例

2017/08/07 Python

Python探索之修改Python搜索路径

2017/10/25 Python

Python tkinter实现的图片移动碰撞动画效果【附源码下载】

2018/01/04 Python

快速了解Python中的装饰器

2018/01/11 Python

浅谈Python编程中3个常用的数据结构和算法

2019/04/30 Python

Python+PyQT5的子线程更新UI界面的实例

2019/06/14 Python

python爬取微博评论的实例讲解

2021/01/15 Python

CSS3 重置iphone浏览器按钮input,select等表单元素的默认样式

2014/10/11 HTML / CSS

Bose加拿大官方网站：美国知名音响品牌

2019/03/21 全球购物

热门专业求职信

2014/05/24 职场文书

生物技术专业求职信

2014/06/10 职场文书

2014年帮扶工作总结

2014/11/26 职场文书