<!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. Thread 常搞混的几个概念sleep、wait、yield、interrupt （转）

    原文网址:http://blog.csdn.net/partner4java/article/details/7993420sleep:在指定的毫秒数内让当前正在执行的线程休眠(暂停执行),此操作受到 ...

  2. tomcat 支持https

    HTTP是平时浏览网页时候使用的一种协议.HTTP协议传输的数据都是未加密的,也就是明文的,因此使用HTTP协议传输隐私信息非常不安全.为了保证 这些隐私数据能加密传输,于是网景公司设计了SSL(Se ...

  3. C#不用COM组件导出数据到Excel中

    <?xml version='1.0'?><?mso-application progid='Excel.Sheet'?><Workbook xmlns='urn:sch ...

  4. ASP.NET MVC4 + Highcharts生成报表

    //后端 public ActionResult TighteningReport(BReportTighteningReportModel model, string rate, string we ...

  5. Oracle 10g RAC启动与关闭命令

    一. 检查共享设备 一般情况下, 存放OCR 和 Voting Disk 的OCFS2 或者raw 都是自动启动的. 如果他们没有启动,RAC 肯定是启动不了的. 1.1 如果使用ocfs2的,检查o ...

  6. sqlplus 一次奇葩问题 HTTP proxy setting has incorrect value

    y@y:~$ sqlplus Error 46 initializing SQL*PlusHTTP proxy setting has incorrect valueSP2-1502: The HTT ...

  7. AOP技术基础

    1.引言 2.AOP技术基础 3.Java平台AOP技术研究 4..Net平台AOP技术研究 2.1 AOP技术起源 AOP技术的诞生并不算晚,早在1990年开始,来自Xerox Palo Alto ...

  8. Linux上ld和ld.so命令的区别

    显然,ld链接器,它的生命周期是发生在compile-time的,它的一些参数是编译时期gcc给传递的,比如,指定需要链接什么库. ld.so命令的周期是发生在run-time的,名字叫动态链接器/加 ...

  9. 【转】Android HAL实例解析

    原文网址:http://www.embedu.org/Column/Column339.htm 作者:刘老师,华清远见嵌入式学院讲师. 一.概述 本文希望通过分析台湾的Jollen的mokoid 工程 ...

  10. jquery UI推荐

    Bootstrap http://www.bootcss.com/ http://www.ligerui.com/ http://j-ui.com/#demo_page2 http://jqueryu ...