① 判断 String 是否符合正则要求

patt.test(String);

【例】表单提交：

a.用户名不能为空，只能是数字及字母，6-11位

b.email 不能为空且格式正确

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        table{

            width:400px;

            height:400px;

            border:0;

            border-collapse: collapse;

            background:orange;

        }

        td{

            border: 1px solid gray;

            cursor:pointer;

        }

    </style>

</head>

<body>

    <form action="">

        <p>用户名:<input type="text" name="username" id=""></p>

        <p>Email:<input type="text" name="email" id=""></p>

        <p><input type="submit" value="提交"></p>

    </form>

</body>

<script>

    document.getElementsByTagName("form")[0].onsubmit = function(){

        var patt = /^[a-zA-Z0-9]{6,11}$/;

        if(!patt.test(document.getElementsByName("username")[0].value)){

            alert("用户名只能是6-11位数字及字母组成");

            return false;

        }

        patt = /^[a-zA-Z0-9\.-]+@\w+(\.\w+)+$/;  //域名不能有_,可以有-

        if(!patt.test(document.getElementsByName("email")[0].value)){

            alert("邮箱错误");

            return false;

        }

    }

</script>

</html>

注意：js 正则表达式 // 外面不要加单引号，这点与 php 不同。

② 找出字符串中符合正则的子串

patt.exec(String);

【例】查出含有邮箱的人，给这些人的名字标红

<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-8">

    <title>Document</title>

    <style>

        table{

            width:400px;

            height:400px;

            border:0;

            border-collapse: collapse;

            background:orange;

        }

        td{

            border: 1px solid gray;

            cursor:pointer;

        }

    </style>

</head>

<body>

    <input type="button" value="标红有邮箱的人">

    <ul>

        <li>袁绍</li>

        <li>曹操</li>

        <li>孙坚&lt;sunjian@changsha.com&gt;</li>

        <li>董卓&lt;dongzhuo@xiliang.com&gt;</li>

    </ul>

</body>

<script>

    function find(){

        var lis = document.getElementsByTagName("li");

        var i = 0;

        var patt = /[a-zA-Z0-9\.-]+@\w+(\.\w+)+/;

        while(i < lis.length){

            if(null !== patt.exec(lis[i].innerHTML)){ //exec 匹配到值时返回匹配到的值，否则返回null

                lis[i].style.color = "red";

            }

            i += 1; //建议使用 i += 1 代替 i ++

        }

    }

    document.getElementsByTagName("input")[0].onclick = find;

</script>

</html>

Javascript 笔记与总结（2-18）正则验证与正则匹配的更多相关文章

  1. 9月26日JavaScript表单验证、正则表达

    一.非空验证 trim:去空格(去掉前后的空格),任何字符串都可以用这个方法.写法为:if(v.trim().length==0),表示如果去掉空格后的字符串的长度为0. <body> & ...

  2. JavaScript正则验证邮箱

    正则表达式/^正则$/.test() <html> <head> <title>JavaScript</title> <meta charset= ...

  3. [javascript] test() 方法进行正则验证

    test() 方法用于检测一个字符串是否匹配某个模式 最近遇到的某业务中进行发票抬头的正则验证如下: console.log(/^[a-zA-Z\u4e00-\u9fa5\s()()<>& ...

  4. js正则表达式实现手机号码，密码正则验证

    手机号码,密码正则验证. 分享下javascript中正则表达式进行的格式验证,常用的有手机号码,密码等. /** * 手机号码 * 移动:134[0-8],135,136,137,138,139,1 ...

  5. 正则表达式控制Input输入内容 ,js正则验证方法大全

    https://blog.csdn.net/xushichang/article/details/4041507 //输入姓名的正则校验 e.currentTarget.value = e.curre ...

  6. js正则验证数字的方法

    正则验证数字的方法: <script type="text/javascript"> function validate(){ var reg = new RegExp ...

  7. Javascript正则构造函数与正则表达字面量&&常用正则表达式

    本文不讨论正则表达式入门,即如何使用正则匹配.讨论的是两种创建正则表达式的优劣和一些细节,最后给出一些常用正则匹配表达式. Javascript中的正则表达式也是对象,我们可以使用两种方法创建正则表达 ...

  8. TP框架自带的正则验证的规则（转载）

    thinkphp框架里面自带有很多自动验证的规则,下面是框架自带的正则验证的规则,官方的说明文档里面没有这么多,所以记下来,以备使用. view sourceprint?01static $regex ...

  9. 手机号码js正则验证

    手机号码js正则验证 var myreg = /^(((13[0-9]{1})|(15[0-9]{1})|(18[0-9]{1}))+\d{8})$/; if (!myreg.test($(" ...

随机推荐

  1. NSOperation基本使用

     NSOperation简单介绍 a. 是OC语言中基于GCD的面向对象的封装 b. 使用起来比GCD更加简单(面向对象) c. 提供了一些用GCD不好实现的功能 d. 苹果推荐使用,使用NSOper ...

  2. soft lockup和hard lockup介绍

    转自:http://www.cnblogs.com/openix/p/4034530.html 转自:http://blog.csdn.net/panzhenjie/article/details/1 ...

  3. 完美搞定《DOCKER IN ACTION》第二章示例

    起来!!!命令如下: 建立第一个web docker docker run --detach --name web nginx:latest 建立第二个web_test docker docker r ...

  4. linux tricks 之VA系列函数.

    VA函数(variable argument function),参数个数可变函数,又称可变参数函数.C/C++编程中,系统提供给编程人员的va函数很少.*printf()/*scanf()系列函数, ...

  5. hdu 4302 优先队列

    进一步学习了优先队列的用法 题意:一只小动物在直线上走,起始位置为零,之后会出现食物,动物要去距离自己最短的食物那,若两边的食物距离相等,则选择之前走的方向的食物 0 x,代表x的位置出现了食物,1代 ...

  6. （转载）数据库表设计-水电费缴费系统（oracle）

    水电缴费管理系统数据表设计 SQL建表脚本: 1 --建表 2 --管理人员表 admin 3 create table admin( 4 admin_id varchar2(3) not null, ...

  7. 【JNI】C向C++改造

    步骤: 1. 把c文件后缀名换成cpp2. Android.mk文件中的hello.c也要换成hello.cpp3. c++的使用的环境变量结构体中,访问了c使用的结构体的函数指针,函数名全部都是一样 ...

  8. Windows 7下搭建Jmeter测试环境

    jmeter配置.安装 一. 工具描述 apache jmeter是100%的java桌面应用程序,它被设计用来加载被测试软件功能特性.度量被测试软件的性能.设计jmeter的初衷是测试web应用,后 ...

  9. 文件上传漏洞演示脚本之js验证

    文件上传漏洞演示脚本之js验证 0 0       716   关于文件上传漏洞,想必玩web安全的同学们都有接触,之前本站也发布过一篇文章介绍文件上传漏洞的各种绕过方法,但是只是有文档却没有演示代码 ...

  10. PDA手持终端实现零售行业商场和超市仓储管理和销售开单自动化和系统化

    近几年,连锁药店得到了迅速扩张,由于药品种类过于繁杂.客户分散票据过多,急剧扩张之后的连锁药店企业在信息流处理上遇到了各种各样的问题 到现在已经有3000多家连锁药房,需要采购的正规药品就有数万个品种 ...