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

JS中使用Array函数shift和pop创建可忽略参数的例子

May 28 Javascript

分享一个自己动手写的jQuery分页插件

Aug 28 Javascript

jQuery使用中可能被XSS攻击的一些危险环节提醒

May 24 Javascript

动态加载js、css的实例代码

May 26 Javascript

JS常见疑难点分析之match，charAt，charCodeAt，map，search用法分析

Dec 25 Javascript

JS正则RegExp.test()使用注意事项(不具有重复性)

Dec 28 Javascript

vue数据双向绑定原理解析（get & set)

Mar 08 Javascript

Javascript实现的StopWatch功能示例

Jun 13 Javascript

从vue源码看props的用法

Jan 09 Javascript

利用Vue-draggable组件实现Vue项目中表格内容的拖拽排序

Jun 07 Javascript

javascript this指向相关问题及改变方法

Nov 19 Javascript

详解JavaScript中的this指向问题

Feb 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

php for 循环语句使用方法详细说明

2010/05/09 PHP

PHP中使用hidef扩展代替define提高性能

2015/04/09 PHP

Thinkphp 5.0实现微信企业付款到零钱

2018/09/30 PHP

JavaScript入门教程(12) js对象化编程

2009/01/31 Javascript

BOM与DOM的区别分析

2010/10/26 Javascript

修改好的jquery滚动字幕效果实现代码

2011/06/22 Javascript

JS小功能(offsetLeft实现图片滚动效果)实例代码

2013/11/28 Javascript

JS中的数组的sort方法使用示例

2014/01/22 Javascript

JS+CSS实现淡入式焦点图片幻灯切换效果的方法

2015/02/26 Javascript

JavaScript获取数组最小值和最大值的方法

2015/06/09 Javascript

javascript实现动态表头及表列的展现方法

2015/07/14 Javascript

js实现仿京东2级菜单效果(带延时功能)

2015/08/27 Javascript

JS弹出新窗口被拦截的解决方法

2016/08/09 Javascript

深入浅析JS Function()构造函数

2016/08/22 Javascript

jQuery实现鼠标经过时高亮,同时其他同级元素变暗的效果

2016/09/18 Javascript

详解Jquery EasyUI tree 的异步加载（遍历指定文件夹，根据文件夹内的文件生成tree）

2017/02/11 Javascript

javascript 单例模式详解及简单实例

2017/02/14 Javascript

vue2.0实现导航菜单切换效果

2017/05/08 Javascript

jQuery中内容过滤器简单用法示例

2018/03/31 jQuery

bootstrap中日历范围选择插件daterangepicker的使用详解

2018/04/17 Javascript

在Vue中使用axios请求拦截的实现方法

2018/10/25 Javascript

微信小程序防止多次点击跳转和防止表单组件输入内容多次验证功能（函数防抖）

2019/09/19 Javascript

JavaScript实现抖音罗盘时钟

2019/10/11 Javascript

vue 判断元素内容是否超过宽度的方式

2020/07/29 Javascript

Vue scoped及deep使用方法解析

2020/08/01 Javascript

移动端JS实现拖拽两种方法解析

2020/10/12 Javascript

python自动识别文本编码格式代码

2019/12/26 Python

美国战术品牌：5.11 Tactical

2019/05/01 全球购物

户外亲子活动策划方案

2014/02/07 职场文书

研究生毕业自我鉴定范文

2014/03/27 职场文书

《金色的脚印》教后反思

2014/04/23 职场文书

法制宣传标语集锦

2014/06/25 职场文书

小学教师师德师风个人整改措施

2014/09/18 职场文书

2015年小学总务工作总结

2015/07/21 职场文书

导游词之新疆-喀纳斯

2019/10/10 职场文书

python Polars库的使用简介

2021/04/21 Python