<!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. Javascript判断空对象

    最近在项目开发中判断空对象时,用了“!”运算符,结果程序出现bug,找了好久才找到原因. 其实自己范了一些低级错误,现在把自己经验总结一下: 在JavaScript中,任意JavaScript的值都可 ...

  2. silverlight visifire控件图表制作——silverlight 后台方法页面事件

    1.返回事件 (1.返回silverlight页面,2.返回web页面) private void button_ClickBack(object sender, RoutedEventArgs e) ...

  3. IOS 代码管理工具

    代码管理工具国内主要用的是SVN 国外主要是Git

  4. C/C++中的常成员函数

    代码: #include <iostream> using namespace std; class A{ public: void func1(){ cout<<" ...

  5. 线段树练习 codevs 1080

    /* codevs 1080 线段树练习 时间限制: 1 s 空间限制: 128000 KB 题目等级 : 钻石 Diamond 题解 查看运行结果 题目描述 Description 一行N个方格,开 ...

  6. iscroll-lite.js源码注释

    /*! iScroll v5.1.2 ~ (c) 2008-2014 Matteo Spinelli ~ http://cubiq.org/license */ (function (window, ...

  7. CSS优先级、引入方式、Hack

    优先级 important > 内联(1,0,0,0) > id(1,0,0) > class(1,0) > element(1) > *通配符 css引入方式 方式一: ...

  8. python导入matplotlib模块出错

    我的系统是linux mint.用新立得软件包安装了numpy和matplotlib.在导入matplotlib.pyplot时出错.说是没有python3-tk包. 于是就在shell中装了一下. ...

  9. form 练习

    <form>姓:<input type="text" name="firstname" /><br />名:<inpu ...

  10. 在fedora 20下使用ssh server

    在红帽和centos下,一般安装完后会自带ssh,然后可以通过/etc/init.d/sshd start的方式运行,但是在Fedora 20下,系统改用了另外一套服务开启机制. 首先安装ssh se ...