编程 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 相关文章推荐

模拟select的代码

Oct 19 Javascript

JS、jquery实现几分钟前、几小时前、几天前等时间差显示效果的代码实例分享

Apr 11 Javascript

java和javascript获取word文档的书签位置对比

Jun 19 Javascript

node.js中的fs.fchownSync方法使用说明

Dec 16 Javascript

JavaScript中document.forms[0]与getElementByName区别

Jan 21 Javascript

gulp-htmlmin压缩html的gulp插件实例代码

Jun 06 Javascript

Vue-resource实现ajax请求和跨域请求示例

Feb 23 Javascript

vue2.0 下拉框默认标题设置方法

Aug 22 Javascript

浅谈Vue.js中如何实现自定义下拉菜单指令

Jan 06 Javascript

vue路由中前进后退的一些事儿

May 18 Javascript

JS中的一些常用的函数式编程术语

Jun 15 Javascript

使用Typescript和ES模块发布Node模块的方法

May 25 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中存储用户ID和密码到mysql数据库的方法

2013/02/06 PHP

PHP实现搜索地理位置及计算两点地理位置间距离的实例

2016/01/08 PHP

setAttribute 与 class冲突解决

2008/02/17 Javascript

使用EXT实现无刷新动态调用股票信息

2008/11/01 Javascript

网页编辑器ckeditor和ckfinder配置步骤分享

2012/05/24 Javascript

鼠标焦点离开文本框时验证的js代码

2013/07/19 Javascript

把jQuery的类、插件封装成seajs的模块的方法

2014/03/12 Javascript

使用jQuery的attr方法来修改onclick值

2014/07/07 Javascript

搞定immutable.js详细说明

2016/05/02 Javascript

Node.js自定义实现文件路由功能

2017/09/22 Javascript

简述Angular 5 快速入门

2017/11/04 Javascript

vue-router项目实战总结篇

2018/02/11 Javascript

详解js跨域请求的两种方式，支持post请求

2018/05/05 Javascript

Vue中的混入的使用(vue mixins)

2018/06/01 Javascript

详解关于webpack多入口热加载很慢的原因

2019/04/24 Javascript

基于Cesium绘制抛物弧线

2020/11/18 Javascript

JavaScript函数柯里化实现原理及过程

2020/12/02 Javascript

python3实现暴力穷举博客园密码

2016/06/19 Python

Python学习思维导图(必看篇)

2017/06/26 Python

python实现基于SVM手写数字识别功能

2020/05/27 Python

tensorflow实现对图片的读取的示例代码

2018/02/12 Python

不归路系列：Python入门之旅-一定要注意缩进！！！（推荐）

2019/04/16 Python

Django stark组件使用及原理详解

2019/08/22 Python

解决pycharm中opencv-python导入cv2后无法自动补全的问题(不用作任何文件上的修改)

2020/03/05 Python

PyCharm 2020.1版安装破解注册码永久激活(激活到2089年)

2020/09/24 Python

Finishline官网：美国一家领先的运动品牌鞋类、服装零售商

2016/07/20 全球购物

英国领先的汽车轮胎和快速健康中心：Kwik Fit

2017/10/29 全球购物

英国和世界各地鲜花速递专家：Arena Flowers

2018/02/10 全球购物

中国一家综合的外贸B2C电子商务网站：DealeXtreme(DX)

2020/03/10 全球购物

竞选生活委员演讲稿

2014/04/28 职场文书

承诺书模板

2014/08/30 职场文书

经典导游欢迎词

2015/01/26 职场文书

JavaScript实现酷炫的鼠标拖尾特效

2022/02/18 Javascript

Python实现文字pdf转换图片pdf效果

2022/04/03 Python

vue代码分块和懒加载非必要资源文件

2022/04/11 Vue.js

Java中生成微信小程序太阳码的实现方案

2022/06/01 Java/Android