用元字符匹配对应的字符类型

创建正則表達式有点像创建字符串字面量,仅仅只是正則表達式出如今一对”/”里

正則表達式中会用到一级元字符。用于连接字母与数字

  • “.” 匹配不论什么字符,除换行符外
  • “\d”匹配不论什么数字字符
  • “\w”匹配不论什么字母或数字字符
  • “\s”匹配空格
  • “^”字符串需以模式起始
  • “$”字符串需以模式结束

元字符不仅仅表示一个字面量字符,它乃是用于构建正則表達式的符号


例:这里有三个字符

“A”,”7”,”%”

/\w/能够匹配”A”,”7”

/^\d/能够匹配”7”

/\d/能够匹配”7”

/./能够匹配”A”,”7”,”%”


可是包括多个字符的字符串怎么办?

“2nite”,”007”,”catch22”,

/^\d/可匹配到”2nite”,”007”(开头都是数字)

/\d\d\d/可匹配”007”(一行中有3个数字)

/^cat/可匹配”catch22”(以cat字符开头)

/\d\d$/可匹配”catch22”(必须以两个数字来结尾)


比如:匹配美国邮编,邮编格式为#####-####

/^\d\d\d\d\d-\d\d\d\d$/


用限定符指定字符出现的次数

限定符用于控件子模式出现于正則表達式里的次数

限定符前为子模式,限定符即应用在子模式,并控制子模式出如今模式里的次数

  • “*”限定符前的子模式必须出现0次或多次
  • “+”限定符前的子模式必须出现1次或多次
  • “?”限定符前的子模式必须出现0次或1次
  • “{n}”限定符前的子模式必须恰好出现N次
  • “()”集合字符或/和元字符,成为子模式

相同是以邮政编码为例

/^\d{5}-\d{4}$/

能够看出,加上限定符的表达式比仅仅有元字符的表达式更加的精准

/\w*/匹配不论什么字母数字字符,包括空字符串

/.+/匹配一个出现一次以上的字符串(用于匹配非非空的字符串)

/(Hot)??

Donuts/可匹配出Hot或Donuts


*在正則表達式里想要匹配具有特殊意义的字符的时候,能够用反斜杠

比如匹配$:\$*


利用正則表達式验证数据

JavaScript里的正則表達式由RegExp对象表示,当中包括使用正則表達式验证数据的关键–test()方法,它检查字符串里是否存在指定的模式


例:

var regex=/^\d{5}$/;//匹配5位数邮政编码的正則表達式;

正則表達式对象字面量自己主动合建RegExp对象

if(!regex.test(inputFiled.value))

{

//在正則表達式上调用text方法

//假设符合合正則表達式的要求,返回true

//假设不符合正則表達式的要求,返回false

}


代码案例

接下来,写一个专门用来验证字符串格式的方法

//regex正則表達式
//inputStr须要验证的字符串
//helpText提供信息提示的一个span标签
//helpMessage提示信息内容
//
function validateRegExp(regex,inputStr,helpText,helpMessage)
{
if(!regex.test(inputStr))
{
if(helpText!=null)
helpText.innerHTML=helpMessage;
return false;
}
else{
if(helpText!=null)
helpText.innerHTML="";
}
return true;
} function validateDate(inputFild,helpText)
{
if(!validateNonEmpty(inputFild,helpText)//先检查參数是非空的
{
return false;
}
return validateRegExp(/^\d{2}\/\d{2}\/\d{4}$/,inputFild,helpText,"请输入正确的日期格式");//调用正则验证方法
}

7.4 Javascript:表单验证-揭开正則表達式的面纱的更多相关文章

  1. form表单验证失败,阻止表单提交

    form表单验证失败,阻止表单提交 效果演示: 贴上完整代码: <!DOCTYPE html> <html lang="en"> <head> ...

  2. 原生js制作表单验证,基本的表单验证方法

    表单验证是web前端最常见的功能之一,也属于前端开发的基本功.自己完成一个表单验证的开发,也有助于加深对字符串处理和正则表达式的理解. 基本的表单验证包括如:字母验证.数字验证.字母和数字验证.汉字验 ...

  3. 表单验证—js循环所有表单验证

    [封装为表单验证的专用js,所有表单页面都可以调用] 1.表单 <form id="regForm" method="post" action=" ...

  4. 表单验证:$tablePrefix(定义表前缀);$trueTableName = 'yonghu',找到真实表名(yonghu)表;create($attr,0)两个参数;批量验证(返回数组);ajax+动态验证表单

    *$tablePrefix是定义在Model中的,优先级大于配置文件中,如果项目中表前缀全部比如为"a_",并且在配置文件中定义了 'DB_PREFIX'=>'a_' 后期如 ...

  5. 表单验证—html5新特性表单验证

    一.表单 <body> <section id="register"> <div><img src="images/logo.j ...

  6. Day5 JavaScript(三)事件、表单验证以及初识jQuery

    事件 1)鼠标事件 mousedown mouseup 2)键盘事件 a) keydown:键被按下 b) keyup:键抬起 c) keypress:按下可打印字符的键时. document.onk ...

  7. JavaScript正則表達式知识汇总

    Js 正則表達式知识汇总 正則表達式: 1.什么是RegExp?RegExp是正則表達式的缩写.RegExp 对象用于规定在文本中检索的内容. 2.定义RegExp:var +变量名=new RegE ...

  8. jQuery formValidator表单验证插件

    什么是jQuery formValidator? jQuery formValidator表单验证插件是客户端表单验证插件. 在做B/S开发的时候,我们经常涉及到很多表单验证,例如新用户注册,填写个人 ...

  9. jQuery 表单验证 jquery.validator.js

    前端开发中经常会碰到表单的制作,其中必备的功能就是提交前的一些简单的验证,非空啊.手机号码啊.E-mail等等等等,这里是一个 jQuery 的表单验证插件,蛮好用的,收录一下. 下面是验证的效果图: ...

随机推荐

  1. Failed to connect socket to '/var/run/libvirt/libvirt-sock'的问题解决

    1.增加libvirtd用户组 groupadd libvirtd 2.设置用户到组 sudo usermod -a -G libvirtd $USER 3.设置启动libvirtd服务的用户组 vi ...

  2. Either, neither, both

    http://speakspeak.com/resources/english-grammar-rules/various-grammar-rules/either-neither-both One ...

  3. User Agent Strings列表 — Kejun's Blog

    曾经,ME 就需要这里的东西了. http://www.useragentstring.com/pages/All/

  4. ProFTPd Local pr_ctrls_connect Vulnerability - ftpdctl 漏洞及攻击代码分析

    攻击代码网址:http://www.exploit-db.com/exploits/394/ 1.执行环境: 1.ProFTPD 1.3.0/1.3.0a 2.编译ProFTPD时.--enable- ...

  5. 在使用SQLServer时忘记sa账号密码解决办法

    先以windows 身份验证方式登录SQLServer数据库,如下图所示: 打开查询分析器,运行如下代码: sp_password Null,'新密码','sa' 即可把原来的密码修改成新密码 例如: ...

  6. Win10专业版永久激活方法

    自从升级安装了Windows10系统以后,我想很多朋友和我一样,想要激活Windows10系统,但是小编找了半天以后发现,很多激活工具都是批量激活的,也就是只有180天的使用时间,那么我们怎么永久激活 ...

  7. HDU 4081 Qin Shi Huang&#39;s National Road System(最小生成树/次小生成树)

    题目链接:传送门 题意: 有n坐城市,知道每坐城市的坐标和人口.如今要在全部城市之间修路,保证每一个城市都能相连,而且保证A/B 最大.全部路径的花费和最小,A是某条路i两端城市人口的和,B表示除路i ...

  8. 基於tiny4412的Linux內核移植 --- 实例学习中断背后的知识(2)

    作者:彭东林 邮箱:pengdonglin137@163.com QQ:405728433 平台 tiny4412 ADK Linux-4.9 概述 前面一篇博文基於tiny4412的Linux內核移 ...

  9. 在ASP.NET MVC中使用Knockout实践08,使用foreach绑定集合

    本篇体验使用 foreach 绑定一个Product集合. 首先使用构造创建一个View Model. var Product = function(data) { this.name = ko.ob ...

  10. Winfrom固定Label宽度,根据文本动态改变Label的高度 z

    Label,要固定住宽度,然后根据文本的长度来动态改变高度,一开始去网上找解决方案,各种根据字体大小啊,字数啊来动态改变,但是效果却不怎么好.最后灵机一动,想起了偶尔用过一次的FlowLayoutPa ...