当前位置: 首页 > 编程笔记 >

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

夹谷岳
2023-03-14
本文向大家介绍Javascript的表单验证-初识正则表达式,包括了Javascript的表单验证-初识正则表达式的使用技巧和注意事项,需要的朋友参考一下

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

Javascript的表单验证-提交表单

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

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

验证日期

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

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

MM/DD/YYYY

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

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

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

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

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

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

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

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

它专门用于匹配文本模式

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

现在来看一个小例子

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

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

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

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

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

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

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

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

 类似资料:
  • 正则表达式是一个特殊的字符序列,用于判断一个字符串是否与我们所设定的字符序列是否匹配,也就是说检查一个字符串是否与某种模式匹配。 Python 自 1.5 版本起增加了re 模块,它提供 Perl 风格的正则表达式模式。re 模块使 Python 语言拥有全部的正则表达式功能。 下面通过实例,一步一步来初步认识正则表达式。 比如在一段字符串中寻找是否含有某个字符或某些字符,通常我们使用内置函数来实

  • 本文向大家介绍Javascript的表单验证-揭开正则表达式的面纱,包括了Javascript的表单验证-揭开正则表达式的面纱的使用技巧和注意事项,需要的朋友参考一下 推荐阅读:Javascript的表单验证长度 Javascript的表单验证-提交表单 Javascript的表单验证-初识正则表达式 在上篇文章给大家介绍了javascript的表单验证-初识正则表达式,本文给大家介绍Javasc

  • 我希望在我的应用程序中接受带有字母和连字符或破折号的名称,我的代码基于我在这里找到的答案并编码为: 唯一的问题是它接受连字符作为我不想要的第一个字母(甚至是多个字母)。谢谢

  • 问题内容: 有人有用于验证网址的正则表达式(不是在文本段落中找到它们)吗?最好使用JavaScript代码段。 问题答案: 实际的URL语法非常复杂,并且很难在正则表达式中表示。那里大多数看起来简单的正则表达式都会给出许多错误的否定和错误的肯定,但即使最终的结果并不好。 加上这些天,您通常都希望允许使用IRI和老式的URI,因此我们可以链接到有效地址,例如: 我只会做简​​单的检查:它是否以一个已

  • 本文向大家介绍js正则表达式验证表单【完整版】,包括了js正则表达式验证表单【完整版】的使用技巧和注意事项,需要的朋友参考一下 效果图: 图(1)初始图 图(2)填入信息校验 代码如下: 以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持呐喊教程!

  • 主要内容:标签属性,JSF验证整数范围实例标签用于将字符串值验证为所需格式。 以下代码显示如何使用标记。 标签属性 属性 说明 pattern 格式化模式 JSF验证整数范围实例 打开 NetBeans IDE 创建一个Web工程:ValidateRegularExpression,其目录结构如下所示 - 创建以下文件代码,文件:index.xhtml 的代码内容如下所示 - 文件:result.xhtml 的代码内容如下所示 - 文件: