<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

<title>javascript正则表达式RegExp</title>

</head>

<body>

    <input type="text" name="user_name" id="user_name"  onchange="checkData()" /><span style=" visibility:hidden" id="CheckSp"></span>

    <script type="text/javascript" language="javascript">
　　　　//通用的正则

        function checkData(){

            var data= document.getElementById("user_name").value;

            var gu =new RegExp("^\\w+[\\w.-]+@\\w\\.\\w{2,3}$");

            var dataSp=document.getElementById("CheckSp");

            if(gu.test(data))

            {

                dataSp.style.visibility="visible";

                dataSp.innerHTML="输入正确".fontcolor("red");

            }

            else

            {

                dataSp.style.visibility="visible";

                dataSp.innerHTML="输入错误".fontcolor("red");

            }

        }

    </script>

    <script  type="text/javascript" language="javascript">

       /* var gu=new RegExp("^a{3,6}$");//满足a的规则大于等于3 小于等于6

        var data="a";

        var dataOne="aaa";

        document.write( gu.test(data) +"<br />");

        document.write( gu.test(dataOne) +"<br />");

         var gu=new RegExp("^a[\\w.]{3,6}$");//^a[\\w.]{3,6}$ 中括号中的.表示.

         var gu=new RegExp("^\\w+[\\w.-]+@\\w\\.\\w{2,3}$");//邮箱的校验

         */

    </script>

    <script type="text/javascript" language="javascript">

    /*

        javascript的正则

    */

    var gu=new RegExp(/^\d{6}/i);//数字出现6次

    var number =123456;

    document.write(gu.test(number));

    var a="hello world ";

    document.write( a.replace("l","L")+"<br/>");//正则匹配的时候只匹配了第一个 heLlo world

    document.write( a.replace(/l/g,"L"));//这样就可以了    加了一个《g》表示全部匹配

    </script>

</body>

</html>

<!----------

经常在程序开发的时候需要对用户输入的数据进行校验，使得用户输入的数据满足一定的规则。

规则就是正则表达式。

    正则表达式：主要是定义某一类数值需要满足的特定的规则。

    任何的语言的一般都有正则的使用需求，所以一般的语言正则语言 （所有语言的正则语法几乎相同）

    RegExp：Regular    Expression

        *            表示0到多次

        +            1到多次

        ？            0到1次

        .            表示任意字符

        [a-zA-Z]    表示a到zA到Z（表示范围）

        {}            表示个数

        \d            表示0-9 表示数字

        \w            表示[0-9A-Za-z]

    javascript中的正则：

        1.支持java的正则表达式

            可以使用其他语言中的语法，但是前提是必须使用"" 且使用^ 开头    $ 结尾

        2.javascript特有的正则表达式

            语法    :    /正则语言/正则模式

                里面的如\d 中的\不需要转译

                    var gu=new RegExp(/^\d{6}/i)

            正则模式:

                g    全局模式

                i     忽略大小写模式

-------->

javascript正则简单入门的更多相关文章

  1. JavaScript正则式入门

    正则式 正则表达式,又称规则表达式.(英语:Regular Expression,在代码中常简写为regex.regexp或RE),计算机科学的一个概念.正则表通常被用来检索.替换那些符合某个模式(规 ...

  2. JavaScript的简单入门

    一.导读 简介:JavaScript简称js,是基于对象和事件驱动的脚本语言,主要运用于客户端.原名LiveScript,本身和Java没有任何关系,但语法上很类似. 特点:交互性(它可以做的就是信息 ...

  3. JavaScript简单入门(补充篇)

    本文是对上一篇 JavaScript简单入门 的一些细节补充. 一.全局变量和局部变量 在<script>标签内定义的变量是当前页面中的全局变量.即 <script>标签可以直 ...

  4. JavaScript 10分钟入门

    JavaScript 10分钟入门 随着公司内部技术分享(JS进阶)投票的失利,先译一篇不错的JS入门博文,方便不太了解JS的童鞋快速学习和掌握这门神奇的语言. 以下为译文,原文地址:http://w ...

  5. JavaScript正则实战

    *:first-child { margin-top: 0 !important; } .markdown-body>*:last-child { margin-bottom: 0 !impor ...

  6. JavaScript面向对象轻松入门之封装(demo by ES5、ES6、TypeScript)

    本章默认大家已经看过作者的前一篇文章 <JavaScript面向对象轻松入门之抽象> 为什么要封装? 封装(Encapsulation)就是把对象的内部属性和方法隐藏起来,外部代码访问该对 ...

  7. HCharts随笔之简单入门

    此处可以对比我的另一个Echars简单入门 直接上源码 <!DOCTYPE html> <html> <head> <meta http-equiv=&quo ...

  8. EChart.js 简单入门

    EChart.js 简单入门 最近有一个统计的项目要做,在前端的数据需要用图表的形式展示.网上搜索了一下,发现有几种统计图库. MSChart   这个是Visual Studio里的自带控件,使用比 ...

  9. Vue的简单入门

    Vue的简单入门 一.什么是Vue? vue.js也一个渐进式JavaScript框架,可以独立完成前后端分离式web项目 渐进式:vue可以从小到控制页面中的一个变量后到页面中一块内容再到整个页面, ...

随机推荐

  1. iOS～～MD5加密

    // 一般加密 +(NSString *)md5String:(NSString *)str { const char *password=[str UTF8String]; unsigned cha ...

  2. Struts2.3.16.3 基本9个jar包

    实践证明,Struts2.3.16.3 至少要下面9个Jar包才能正常启动. commons-fileupload-1.3.1.jar commons-logging-1.1.3.jar freema ...

  3. Linux设置自启动

    启动大致过程:bootloader-->内核-->内核模块-->挂载根文件系统-->init进程 init进程是非内核进程中第一个被启动运行的,因此它的进程编号PID的值总是1 ...

  4. [Leetcode] Merge Sorted Array (C++)

    我在Github上新建了一个解答Leetcode问题的Project, 大家可以参考, 目前是Java 为主,里面有leetcode上的题目,解答,还有一些基本的单元测试,方便大家起步. 题目: Gi ...

  5. 复习了下自定义style的使用

    一.为什么要自定义style 这是样式与控件本身脱离的一种方式.style就像html中的css,只负责自定义样式.View控件在layout中就只负责声明自己就可以了. 就像这样: 首先在style ...

  6. phpmyadmin开启远程服务器连接

     1.修改 braries/config.default.php,将 $cfg['AllowArbitraryServer'] 的值由 false 改成 true. 2.有其他需求的也可以自己在这里修 ...

  7. js 对url字符转译全解

    1.js 对url进行字符解码设计到3个方法 escape , encodeURI , encodeURIComponent eg: var url='http://baidu.com';encode ...

  8. iOS中构造函数与析构函数

    一.构造函数 在OC中凡是已init开头的函数我们都称之为构造函数,在声明构造函数的时候,不带参数的一般直接声明为“-(id)init”,带参数的一般声明为“-(id)initWith...”. 1 ...

  9. ADT 连接手机运行android应用程序时报错

    The connection to adb is down, and a severe error has occured.    You must restart adb and Eclipse.  ...

  10. hdu 4578 Transformation

    http://acm.hdu.edu.cn/showproblem.php?pid=4578 题意:1,a,b,c代表在a,b区间的每一个数加上c:2,a,b,c代表在a,b区间的每一个数乘上c: 3 ...