欢迎来到代码驿站!

JavaScript代码

当前位置:首页 > 网页前端 > JavaScript代码

Javascript的表单验证-初识正则表达式

时间:2020-10-13 13:22:11|栏目:JavaScript代码|点击:

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

Javascript的表单验证-提交表单

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

JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。

验证日期

日期的格式相对特别,不能光凭其长度来验证

常见的日期格式:先以两位数表示日,再以两位数表示月,最后以四位数表示年,期间以斜线分隔。

MM/DD/YYYY

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

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

将表单域中的值取出,以“/”来分割字符串为数组

分析“月”子字符串,是否是只有两个字符,并且都是数字

分析“日”子字符串,是否是只有两个字符,并且都是数字

分析“年”子字符串,是否是只有四个字符,并且都是数字

满足以上条件,还要判断输入的数据是否只有两个斜线,如果多于两条斜线,之后的内容要忽略

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

它专门用于匹配文本模式

它就像一位眼睛发亮的警察,时刻观察着嫌疑犯的一举一动,一旦犯法,就将坏人揪出来?r(?s??t)?q

现在来看一个小例子

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

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

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

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

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

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

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

上一篇:ES6 class的应用实例分析

栏    目:JavaScript代码

下一篇:js购物车实现思路及代码(个人感觉不错)

本文标题:Javascript的表单验证-初识正则表达式

本文地址:http://www.codeinn.net/misctech/10867.html

推荐教程

广告投放 | 联系我们 | 版权申明

重要申明:本站所有的文章、图片、评论等,均由网友发表或上传并维护或收集自网络,属个人行为,与本站立场无关。

如果侵犯了您的权利,请与我们联系,我们将在24小时内进行处理、任何非本站因素导致的法律后果,本站均不负任何责任。

联系QQ:914707363 | 邮箱:codeinn#126.com(#换成@)

Copyright © 2020 代码驿站 版权所有