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

jsTree 基于JQuery的排序节点 Bug

Jul 26 Javascript

如何用JavaScript动态呼叫函数(两种方式)

May 03 Javascript

js toFixed()方法的重写实现精度的统一

Mar 06 Javascript

JavaScript如何实现跨域请求

Aug 05 Javascript

ionic组件ion-tabs选项卡切换效果实例

Aug 27 Javascript

vue2.0构建单页应用最佳实战

Apr 01 Javascript

解决vue.js在编写过程中出现空格不规范报错的问题

Sep 20 Javascript

vue二级路由设置方法

Feb 09 Javascript

微信小程序引入Vant组件库过程解析

Aug 06 Javascript

JavaScript中判断为整数的多种方式及保留两位小数的方法

Sep 09 Javascript

浅谈Vue3.0之前你必须知道的TypeScript实战技巧

Sep 11 Javascript

vue-router定义元信息meta操作

Dec 07 Vue.js

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编写一个简单的路由类

2011/04/13 PHP

PHP版本升级到7.x后wordpress的一些修改及wordpress技巧

2015/12/25 PHP

ThinkPHP开发--使用七牛云储存

2017/09/14 PHP

用js+xml自动生成表格的东西

2006/12/21 Javascript

JQUERY实现左侧TIPS滑进滑出效果示例

2013/06/27 Javascript

JavaScript精炼之构造函数 Constructor及Constructor属性详解

2015/11/05 Javascript

js编写的treeview使用方法

2016/11/11 Javascript

js操作浏览器的参数方法

2017/01/21 Javascript

Easyui ueditor 整合解决不能编辑的问题(推荐)

2017/06/25 Javascript

JS简单实现父子窗口传值功能示例【未使用iframe框架】

2017/09/20 Javascript

基于angular6.0实现的一个组件懒加载功能示例

2018/04/12 Javascript

js实现继承的方法及优缺点总结

2019/05/08 Javascript

js实现简单掷骰子小游戏

2019/10/24 Javascript

JS实现贪吃蛇游戏

2019/11/15 Javascript

python中子类继承父类的__init__方法实例

2016/12/15 Python

python urllib urlopen()对象方法/代理的补充说明

2017/06/29 Python

Python3爬虫学习之应对网站反爬虫机制的方法分析

2018/12/12 Python

钉钉群自定义机器人消息Python封装的实例

2019/02/20 Python

Python画图实现同一结点多个柱状图的示例

2019/07/07 Python

Python2比较当前图片跟图库哪个图片相似的方法示例

2019/09/28 Python

Win下PyInstaller 安装和使用教程

2019/12/25 Python

python装饰器相当于函数的调用方式

2019/12/27 Python

Django ORM filter() 的运用详解

2020/05/14 Python

什么是.net的Remoting技术

2016/07/08 面试题

个性大学生自我评价

2013/12/04 职场文书

天地会口号

2014/06/17 职场文书

法学自荐信

2014/06/20 职场文书

亲子阅读的活动方案

2014/08/15 职场文书

教师自我剖析材料（四风问题）

2014/09/30 职场文书

镇副书记专题民主生活会对照检查材料思想汇报

2014/10/02 职场文书

4S店客服专员岗位职责

2015/04/07 职场文书

2015年度公共机构节能工作总结

2015/05/26 职场文书

小学生节约用水倡议书

2019/08/12 职场文书

MySQL 常见存储引擎的优劣

2021/06/02 MySQL

html输入两个数实现加减乘除功能

2021/07/01 HTML / CSS

Python经常使用的一些内置函数

2022/04/11 Python