<!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. 返回ipv 地址

    //返回ipv 地址 public static string GetIP4Address() { string IP4Address = String.Empty; foreach (IPAddre ...

  2. VS2010使用附加进程的方式调试IIS中的页面介绍

    1.       对要测试的页面设置断点,然后选择”调试”->”附加到进程”,在进程中选择w3wp.exe进程(需要先打开需测试的页面) 2.       配置完成,当打开你需要测试的页面的时候 ...

  3. ComboBox绑定数据源时触发SelectedIndexChanged事件的处理办法

    转载:http://blog.sina.com.cn/s/blog_629e606f01014d4b.html ComboBox最经常使用的事件就是SelectedIndexChanged.但在将Co ...

  4. volatile举列说明const

    1.即使本程序中虽然不改变这种类型的值,但别的比如中断程序可能会改变这个值,加上volatile,编译器不优化,每次都重新访问这个值做判断 2.如 unsigned char flag = 1; in ...

  5. 各邮箱服务器地址及端口<转>

    gmail(google.com) POP3服务器地址:pop.gmail.com(SSL启用端口:995) SMTP服务器地址:smtp.gmail.com(SSL启用 端口:587) 21cn.c ...

  6. 空值排序(oracle/sqlserver)

    oracle认为 null 最大. 升序排列,默认情况下,null值排后面. 降序排序,默认情况下,null值排前面. 改变空值办法: (1)用nvl函数或decode函数将null转换为一特定值 替 ...

  7. jquery height、innerHeight、outHeight

    JQuery有很多的height,不总结一下你就要被他搞晕,所以为了保持清醒,汇总在下面 height:height innerHeight:height+padding outerHeight(fa ...

  8. 启动两个tomcat

    因为项目的种种原因,必须启动两个tomcat测试 于是复制tomcat,改端口,报错,到日志看,发现shutdow端口也需要改 总结 server.xml改两个地方的端口 <Server por ...

  9. isinstance()和__name__

    # coding: utf-8 def displayNumType(num): print num, 'is', if isinstance(num, (int, long, float, comp ...

  10. awk的接口实现方案1

    module/a.awk function sum(a, b) { return a + b } module/b.awk function sum(a, b) { return a * b } ma ...