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

 更新时间:2016年03月18日 10:53:19   作者:WeAreZero  
JavaScript 可用来在数据被送往服务器前对 HTML 表单中的这些输入数据进行验证。接下来通过本文给大家介绍Javascript的表单验证-初识正则表达式,对js表单验证正则表达式相关知识感兴趣的朋友一起学习吧

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

Javascript的表单验证-提交表单

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

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

验证日期

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

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

MM/DD/YYYY

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

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

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

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

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

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

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

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

它专门用于匹配文本模式

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

现在来看一个小例子

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

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

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

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

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

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

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

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

相关文章

  • firefox浏览器下javascript 拖动层效果与原理分析代码

    firefox浏览器下javascript 拖动层效果与原理分析代码

    这篇文章主要给大家介绍了关于在firefox浏览器下如何利用javascript实现拖动层效果,以及其中的原理分析,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,下面来一起看看吧
    2007-12-12
  • javascript ES6 Template String模板字符串使用方法

    javascript ES6 Template String模板字符串使用方法

    这篇文章主要介绍了javascript ES6 模板字符串(Template String)是增强版的字符串,用反引号(`)标识,它可以当作普通字符串使用,也可以用来定义多行字符串,或者在字符串中嵌入变量,需要的朋友可以参考下
    2023-06-06
  • javascript生成随机数方法汇总

    javascript生成随机数方法汇总

    实现随机数是各种编程语言都很常见的一个编程任务,下面介绍一下在JavaScript如何实现随机数。非常的简单实用的例子奉献给大家,希望大家能够喜欢。
    2015-11-11
  • 基于原生js实现九宫格算法代码实例

    基于原生js实现九宫格算法代码实例

    这篇文章主要介绍了基于原生js实现九宫格算法代码实例,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友可以参考下
    2020-07-07
  • 基于MooTools的很有创意的滚动条时钟动画

    基于MooTools的很有创意的滚动条时钟动画

    一款很有创意的时钟js动画.是利用系统滚动条来构成一个 时:分:秒 的盘. 再利用滚动条的长度变化做过渡动画.
    2010-11-11
  • JavaScript中的数学运算介绍

    JavaScript中的数学运算介绍

    这篇文章主要介绍了JavaScript中的数学运算介绍,本文先是讲解了数学运算的一些知识,然后给出了操作实例,需要的朋友可以参考下
    2014-12-12
  • 详解Bootstrap插件

    详解Bootstrap插件

    这篇文章主要为大家针对Bootstrap插件的相关资料进行了详细介绍,Bootstrap 自带 12 种 jQuery 插件,扩展了功能,可以给站点添加更多的互动,感兴趣的小伙伴们可以参考一下
    2016-04-04
  • 使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解

    使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解

    这篇文章主要介绍了使用JavaScript获取扫码枪扫描得到的条形码的思路代码详解,本文通过示例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友可以参考下
    2020-06-06
  • 纯JavaScript实现猜数字游戏

    纯JavaScript实现猜数字游戏

    这篇文章主要为大家详细介绍了纯JavaScript实现猜数字游戏,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2021-08-08
  • JavaScript中常用的简洁高级技巧总结

    JavaScript中常用的简洁高级技巧总结

    这篇文章主要给大家总结介绍了关于JavaScript中常用的简洁高级技巧,文中通过示例代码介绍的非常详细,对大家的学习或者使用Javascript具有一定的参考学习价值,需要的朋友们下面来一起学习学习吧
    2019-03-03

最新评论