原文:http://www.javascriptkit.com/javatutors/re.shtml

校验用户的输入是每一个软件开发者的必须要做的事情。

正则表达式与模式

如何在JavaScript中使用正则表达式呢?这里有两种方式:

1)字面量语法。

2)当你需要动态构建正则表达式时,可以通过RegExp()构造函数。

字面量语法如下:

var RegularExpression = /pattern/;

RegExp()构造函数方法如下:

var RegularExpression = new RegExp("pattern");

RegExp()方法允许你通过一个字符串来动态构造一个搜索模式,这是一个非常有用的方法,特别是在实现无法知道模式是什么的情况下。

[原句:The RegExp() method allows you to dynamically construct the search pattern as a string, and is useful when the pattern is not known ahead of time.]

使用正则表达式来校验一个字符串,那么你必须要定义一个模式字符串来作为搜索的条件,然后使用一个相关字符串方法来表示动作(ie: search, replace etc)。

模式是通过使用字符串原义字符(string literal characters)和元字符(metacharacters)来定义。

举个例子,下面的正则表达式是判断一个包含有效的5位美国邮政编码字符串。

  1. <script type="text/javasript">
  2.  
  3. function checkpostal(){
  4.  
  5.   var re5digit = /^\d{5}$/; //regular expression defining a 5 digit number
  6.   //注意原文该处的实例代码有错误,原文是赋值,正确的如下
  7.   if(document.myform.myinput.value.search(re5digit) === -1){ // if match failed
  8.  
  9.     alert("Please enter a valid 5 digit number inside form.");
  10.  
  11.   }
  12.  
  13. }
  14.  
  15. </script>
  16.  
  17. <form name="myform">
  18.  
  19. <input type="text" name="myinput" size="15" />
  20.  
  21. <input type="button" onClick="checkpostal()" value="check" />
  22.  
  23. </form>

解析一下上面所使用的正则表达式,它是用来检查一个包含5位有效数字的字符串,并且只能是一个5位数字。

var reg5digit = /^\d{5}$/;

  • ^表示字符串的开头,使用^元字符要求匹配是从开头开始匹配的
  • \d表示一个数字字符,跟在后面的{5}意思是必须5位连续的数字字符
  • $表示的是字符串的结尾,使用$元字符要求匹配在这个字符串后结束

Translated to English, this pattern states: "Starting at the beginning of the string there must be nothing other than 5 digits. There must also be nothing following those 5 digits."

用英文来翻译,这个模式声明:“该字符串的开头除了5位数字之外,不能是其他的字符,同时该5位数子后面不能有任何的字符”。

http://www.javascriptkit.com/javatutors/re2.shtml

[label][翻译][JavaScript Regular Expression]JavaScript Regular Expressions的更多相关文章

  1. JavaScript Patterns 3.6 Regular Expression Literal

    1. Using the new RegExp() constructor // constructor var re = new RegExp("\\\\", "gm& ...

  2. Regular Expression Syntax

    python的正则表达式 正则表达式的概念 正则表达式是对字符串操作的一种逻辑公式,就是用事先定义好的一些特定字符.及这些特定字符的组合,组成一个"规则字符串",这个"规 ...

  3. [转]The Regular Expression Object Model

    本文转自:https://docs.microsoft.com/en-us/dotnet/standard/base-types/the-regular-expression-object-model ...

  4. (六)JavaScript之[Regular Expression]与[错误(try, catch, throw)]

    10].正则表达式 /** * 正则表达式(Regular Expression): * * 用于文本搜索和文本替换 * */ /** * /good/i是一个正则表达式. * good是一个模式(用 ...

  5. Regular Expression 範例

    Regular expression 被實作於各種語言中,可以用來對字串做 比對 擷取 分隔 這幾類的處理.以下是 JavaScript的處理範例. 各位看官,可以按F12開啟 brower 的 de ...

  6. js regular expression & email checker

    js regular expression & email checker const isValidEmail = (email = ``) => /^([\w+\.])+@(\w+) ...

  7. Regular Expression(正则表达式)之邮箱验证

    正则表达式(regular expression, 常常缩写为RegExp) 是一种用特殊符号编写的模式,描述一个或多个文本字符串.使用正则表达式匹配文本的模式,这样脚本就可以轻松的识别和操作文本.其 ...

  8. Invalid regular expression: unmatched parentheses

    Unmatched ) in Javascript regular expression您的某些字符串包含错误')'.你需要逃避这个.这是这样做的功能: function escapeRegExp(s ...

  9. java 正则表达式 -Regular Expression

    正则表达式(Regular Expression),可以说就是一个字符构成的串,它定义了一个用来搜索匹配字符串的模式.正则表达式定义了字符串的模式,可以用来搜索.编辑或处理文本,不仅限于某一种语言(P ...

随机推荐

  1. 大型运输行业实战_day05_1_登录+注销+表单重复提交+登录拦截器

    1.登录 登录实现如下步骤: 1.在首页中添加登录按钮 html代码如下: <%@ page contentType="text/html;charset=UTF-8" la ...

  2. 第五章 二叉树(d)二叉树实现

  3. eclipse使用MAVEN打包可执行的jar包

    1.新建maven工程 注意勾选 随便填一下 建好之后工程目录如下 新建测试类与工具类,主类很简单 工具类也很简单,就是初始化了日志 maven依赖包也只有一个log4j的jar <depend ...

  4. MyBatis配置数据源的两种方式

    ---------------------siwuxie095                                     MyBatis 配置数据源的两种方式         1.配置方 ...

  5. 查找ipa包,删除接的ipa包

  6. VC字符串处理整理

    场景: 1.在存储数据时有时接口需要合并字符串值,并以某些特殊字符来合并部分,到需要的时候再分割它.如一些数值,人名等. 2.C++有strtok,stringstream和find函数来实现分割.可 ...

  7. Ubuntu 下如何查看已安装的软件

    1.查看安装的所有软件 dpkg -l 例如:dpkg -l | grep ftp <span style="font-size:18px;">:~$ dpkg -l ...

  8. HHVM中文网

    HHVM中文网 百科资料 下载安装 HHVM文档 HHVM&Hack博客  <Hack与HHVM权威指南> 更多Facebook技术站 HHVM中文网 Facebook出品高性能服 ...

  9. 设计资源:三个精美APP原型例子下载

    原型设计是整个产品生产过程中不可或缺的一环,无论你是移动端UI设计师或是网页设计师,原型设计都会让整个设计过程更加轻松.原型是产品概念的具象化,它让每个项目参与者都能查看并提出意见以便在产品发布前日臻 ...

  10. Bootstrap验证

    <div class="modal fade" id="myModal" tabindex="-1" role="dialo ...