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

让Firefox支持event对象实现代码

Nov 07 Javascript

JavaScript中的isXX系列是否继续使用的分析

Apr 16 Javascript

javascript将相对路径转绝对路径示例

Mar 14 Javascript

Node.js 学习笔记之简介、安装及配置

Mar 03 Javascript

Javascript中Array用法实例分析

Jun 13 Javascript

JS清除文本框内容离开在恢复及鼠标离开文本框时触发js的方法

Jan 12 Javascript

基于jQuery实现多标签页切换的效果(web前端开发)

Jul 24 Javascript

JS实现京东首页之页面顶部、Logo和搜索框功能

Jan 12 Javascript

JS作用域链详解

Jun 26 Javascript

使用live-server快速搭建本地服务器+自动刷新的方法

Mar 09 Javascript

微信小程序修改数组长度的问题的解决

Dec 17 Javascript

JS co 函数库的含义和用法实例总结

Apr 08 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 函数语法介绍一

2009/06/14 PHP

PHP比较运算符的详细介绍

2015/09/29 PHP

phpstudy默认不支持64位php的解决方法

2017/02/20 PHP

php数组实现根据某个键值将相同键值合并生成新二维数组的方法

2017/04/26 PHP

Laravel自定义封装便捷返回Json数据格式的引用方法

2019/09/29 PHP

静态的动态续篇之来点XML

2006/08/15 Javascript

javascript URL编码和解码使用说明

2010/04/12 Javascript

jquery分页插件jpaginate在IE中不兼容问题

2014/04/22 Javascript

打造个性化的功能强大的Jquery虚拟键盘(VirtualKeyboard)

2014/10/11 Javascript

Javascript 完美运动框架(逐行分析代码，让你轻松了运动的原理)

2015/01/23 Javascript

Javascript实现商品秒杀倒计时（时间与服务器时间同步）

2015/09/16 Javascript

javascript:void(0)点击登录没反应怎么解决

2015/11/13 Javascript

浅谈js控制li标签排序问题 js调用php函数的方法

2016/10/16 Javascript

vue2.x 父组件监听子组件事件并传回信息的方法

2017/07/17 Javascript

Vue.js在数组中插入重复数据的实现代码

2017/11/17 Javascript

详解Vue-cli webpack移动端自动化构建rem问题

2018/04/07 Javascript

vue自定义指令实现方法详解

2019/02/11 Javascript

Javascript实现简易天数计算器

2020/05/18 Javascript

详解JavaScript执行模型

2020/11/16 Javascript

开源Web应用框架Django图文教程

2017/03/09 Python

Python多进程multiprocessing.Pool类详解

2018/04/27 Python

Python中的random.uniform()函数教程与实例解析

2019/03/02 Python

Python谱减法语音降噪实例

2019/12/18 Python

python3中布局背景颜色代码分析

2020/12/01 Python

用Python自动清理系统垃圾的实现

2021/01/18 Python

利用CSS3实现自定义滚动条代码分享

2016/08/18 HTML / CSS

HTML5进阶段内联标签汇总（小篇）

2016/07/13 HTML / CSS

英国高级百货公司：Harvey Nichols

2017/01/29 全球购物

利物浦足球俱乐部官方网上商店：Liverpool FC Official Store

2018/01/13 全球购物

澳大利亚游乐场设备品牌：Lifespan Kids

2019/05/24 全球购物

大学生四个方面的自我评价

2013/09/19 职场文书

家长给老师的道歉信

2014/01/13 职场文书

2015年入党决心书

2015/02/05 职场文书

PyQt5实现多张图片显示并滚动

2021/06/11 Python

Python获取指定日期是"星期几"的6种方法

2022/03/13 Python

MyBatis在注解上使用动态SQL方式(@select使用if)

2022/07/07 Java/Android