JavaScript表单验证入门：正则表达式基础解析

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

Javascript的表单验证-提交表单

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

JavaScript表单验证基础

JavaScript 可用于在数据提交至服务器之前，对 HTML 表单内的输入数据进行校验。

验证日期

日期的格式较为特殊，仅依靠长度无法完成有效验证。

常见的日期格式为：前两位表示日，中间两位表示月，后四位表示年份，各部分之间使用斜线分隔。

MM/DD/YYYY

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

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

从表单域中获取值，以“/”为分隔符将字符串分割为数组。

检查“月”部分是否为两个字符，且均为数字。

检查“日”部分是否为两个字符，且均为数字。

检查“年”部分是否为四个字符，且均为数字。

满足上述条件后，还需判断输入中是否仅包含两个斜线；若斜线数量超过两个，则忽略后续内容。

正则表达式入门

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

它专门用于匹配文本模式

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

现在来看一个小例子

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

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

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

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

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

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

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

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