<!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. Eclipse搭建Android开发环境（安装ADT，Android4.4.2）（转）

    使用Eclipse做Android开发,需要先在Eclipse上安装ADT(Android Development Tools)插件. 1.安装JDK 1.7 JDK官网http://www.orac ...

  2. 浅谈Block传值-匿名函数(代码块)

    block传值是从后往前传值---代理也是 // 使用block时, 不能访问self, 也不能直接访问属性, self.属性, 用self调用方法; 只要这样做了, block都会对其强引用一份, ...

  3. IOS — 关于Socket传输文件需要自定义延时或者包大小的情况

    1. 首先导入头文件 #include <stdio.h> #include <errno.h> #include <string.h> #include < ...

  4. Java中的int和Integer

    代码: public class Test{ public static void main(String[] args){ Integer i01 = 59; int i02 = 59; Integ ...

  5. PHP 读取EXCEL

    PHPExcel 自己下载. PHP读取EXCEL public function import_Excel($file_name){ include_once LIB_ROOT_PATH." ...

  6. Hbase写数据，存数据，读数据的详细过程

    Client写入 -> 存入MemStore,一直到MemStore满 -> Flush成一个StoreFile,直至增长到一定阈值 -> 出发Compact合并操作 -> 多 ...

  7. 以字符串形式读取github上.json文件

    如下: https://github.com/hpu-spring87/ebooks/blob/master/update.json 如果直接用httpclient读取该URL地址,得到结果是这样的: ...

  8. js复制对象 和 节点类型和NodeList

    1. myList.cloneNode(true); 在参数为true的情况下,执行深复制,也就是复制节点及其整个子节点树,包括属性 2. myList.cloneNode(false); 在参数为f ...

  9. 方便代理下单的EcStore收货地址一键分析插件，同时支持淘宝/京东/一号店

    使用EcStore开展分销的网站,代理需要经常代客下单,每个客户收货地址都不同,要选择和填写多个内容才能完成地址输入:省.市.区.详细地址.收货人姓名.手机电话等,非常麻烦,也容易输入错误.安装EcS ...

  10. [JS]九种网页弹窗代码

    [1.最基本的弹出窗口代码] 其实代码非常简单: <SCRIPT LANGUAGE="javascript"><!--window.open ("pag ...