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

JavaScript 事件参考手册

Dec 24 Javascript

Js动态添加复选框Checkbox的实例方法

Apr 08 Javascript

提高jQuery性能的十个诀窍

Nov 14 Javascript

js获取html页面节点方法(递归方式)

Dec 13 Javascript

根据user-agent判断蜘蛛代码黑帽跳转代码(js版与php版本)

Sep 14 Javascript

利用原生js和jQuery实现单选框的勾选和取消操作的方法

Sep 04 Javascript

jQuery设置图片等比例缩小的方法

Apr 29 jQuery

vuex进阶知识点巩固

May 20 Javascript

JavaScript设计模式之原型模式分析【ES5与ES6】

Jul 26 Javascript

原生JavaScript实现的无缝滚动功能详解

Jan 17 Javascript

jquery实现简单每周轮换的日历

Sep 10 jQuery

解决vue watch数据的方法被调用了两次的问题

Nov 07 Javascript

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

星际争霸兵种名称对照表

2020/03/04 星际争霸

PHP连接sql server 2005环境配置及问题解决

2014/08/08 PHP

Zend Framework动作助手Redirector用法实例详解

2016/03/05 PHP

PHP微信H5支付开发实例

2018/07/25 PHP

javascript 冒泡排序正序和倒序实现代码

2010/12/14 Javascript

javascript日期计算实例分析

2015/06/29 Javascript

正则表达式优化JSON字符串的技巧

2015/12/24 Javascript

js简单判断flash是否加载完成的方法

2016/06/21 Javascript

Three.js学习之几何形状

2016/08/01 Javascript

JS Select下拉框(支持输入模糊查询)

2017/02/04 Javascript

在JS中如何把毫秒转换成规定的日期时间格式实例

2017/05/11 Javascript

详解vue-cli项目中用json-sever搭建mock服务器

2017/11/02 Javascript

AngularJS基于http请求实现下载php生成的excel文件功能示例

2018/01/23 Javascript

优化Vue项目编译文件大小的方法步骤

2019/05/27 Javascript

vue 检测用户上传图片宽高的方法

2020/02/06 Javascript

ES6扩展运算符和rest运算符用法实例分析

2020/05/23 Javascript

Python EOL while scanning string literal问题解决方法

2020/09/18 Python

利用Python为iOS10生成图标和截屏

2016/09/24 Python

Python实现备份MySQL数据库的方法示例

2018/01/11 Python

python 编码规范整理

2018/05/05 Python

django2+uwsgi+nginx上线部署到服务器Ubuntu16.04

2018/06/26 Python

numpy.where() 用法详解

2019/05/27 Python

Pytorch Tensor的统计属性实例讲解

2019/12/30 Python

python3.9和pycharm的安装教程并创建简单项目的步骤

2021/02/03 Python

AmazeUI 评论列表的实现示例

2020/08/13 HTML / CSS

REN Clean Skincare官网：英国本土有机护肤品牌

2019/02/23 全球购物

大学毕业通用个人的求职信

2013/12/08 职场文书

高中化学教学反思

2014/01/13 职场文书

平安建设实施方案

2014/03/19 职场文书

上海世博会志愿者口号

2014/06/17 职场文书

医院标语大全

2014/06/23 职场文书

2014年社区党建工作汇报材料

2014/11/02 职场文书

出纳岗位职责

2015/01/31 职场文书

2015年物业管理员工工作总结

2015/10/15 职场文书

MySQL系列之三基础篇

2021/07/02 MySQL

MySQL外键约束(FOREIGN KEY)案例讲解

2021/08/23 MySQL