篮球外围下注_篮球投注导航_[所有网址]

篮球外围下注_篮球投注导航_[所有网址]是该公司为打造信誉第一,2014最新体验金,篮球外围下注_篮球投注导航_[所有网址]这里的所有老虎机游戏及真人百家乐游戏都具有欧洲风格,致力成为最具传播力和互动性的娱乐城网站。

JavaScript正则表明式知识汇总

2019-08-18 13:42 来源:未知

以下是之前练习正则表达式时候做的js表单测试.
input里的value用.test()比较以后,处理正则和需求,反馈,代码欠优化,但功能完善,仅供参考学习

JavaScript正则表达式知识汇总

效果图:

html部分

Js 正则表达式知识汇总

 

正则表达式:

1、什么是RegExp?RegExp是正则表达式的缩写。RegExp 对象用于规定在文本中检索的内容。

2、定义RegExp:var 变量名=new RegExp();

3、RegExp 对象有 3 个方法:

1)test()检索字符串中的指定值,返回值是true或false.

var p1=new Reg(e);

document.write(Reg.test(welcome to China!));

2)exec()

var p1=new Reg(e);

document.write(Reg.exec(welcome to China!));

3) compile()

var p1=new Reg(e);

document.write(Reg.compile(welcome to China!));

4、修饰符

1)i 执行对大小写不敏感的匹配

2)g 执行全局匹配

3)m 执行多行匹配

5、方括号(用于查找某个范围内的字符)

1)[abc] 查找方括号之间的任何字符

2)[^abc] 查找任何不在方括号之间的字符

3)[0-9] 查找任何0-9之间的数字

4)[a-z] 查找任何小写a-z之间的字符

5)[A-Z]查找任何大写A-Z之间的字符

6)[A-z] 查找任何大写A-小写z之间的字符

7)[adgk] 查找给定集合内的任何字符

8)[^adgk]查找给定集合外的任何字符

9)(red|biue|green)查找任何给定的选项

6、元字符

1)w:查找单词字符

2)W:查找非单词字符

3)d:查找数字

4)D:查找非数字字符

7、 量词

n 匹配任何包含至少一个 n 的字符串。

n*匹配任何包含零个或多个 n 的字符串。

n?匹配任何包含零个或一个 n 的字符串。

n{X}匹配包含 X 个 n 的序列的字符串。

n{X,Y}匹配包含 X 或 Y 个 n 的序列的字符串。

n{X,}匹配包含至少 X 个 n 的序列的字符串。

n$匹配任何结尾为 n 的字符串。

^n匹配任何开头为 n 的字符串。

?=n匹配任何其后紧接指定字符串 n 的字符串。

?!n匹配任何其后没有紧接指定字符串 n 的字符串。

【练习题1】判断输入身份证格式是否正确

请输入身份证号:
效果图:
图片 1

【练习题2】判断输入的邮箱格式是否正确

请输入您的邮箱:

效果图:

图片 2
相对来说,js中正则表达式是一个很重要的点,很多地方都需要配合正则才行,所以小伙伴一定要学好这块内容。

参考来源:
Js 正则表达式

图片 3

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>新用户注册</title>
  <link rel="stylesheet" href="./css/regForm.css" type="text/css">
  <script type="text/javascript" src="js/regForm.js"></script>    <!--外部样式和JS*-->
</head>
<body>
  <div id="section">
    <form action="" method="get" id="form">
    <table id="table">
      <tr>
        <td>用户名</td>
        <td><input id="username" type="text" class="text"></td>
        <td><div class="icon" id="usernameicon"></div></td>
      </tr>
      <tr>
        <td>Email</td>
        <td><input type="text" class="text" id="email"></td>
        <td><div class="icon" id="emailicon">(请输入正确的Email地址)</div></td>
      </tr>
      <tr>
        <td>密码</td>
        <td><input type="password" id="password"></td>
        <td><div id="pwicon" class="icon">(请输入强度较高的密码)</div></td>
      </tr>
      <tr>
        <td>密码强度</td>
        <td>
          <div class="pwstrength" id="low">弱</div>
          <div class="pwstrength" id="middle">中</div>
          <div class="pwstrength" id="strong">强</div>
        </td>
        <td></td>
      </tr>
      <tr>
        <td>确认密码</td>
        <td><input id="cfpw" type="password" class="text" value=""></td>
        <td><div class="icon" id="cfpwicon"></div></td>
      </tr>
      <tr>
        <td>MSN</td>
        <td><input id="msn" type="text" class="text">
        </td>
        <td><div class="icon" id="msnicon"></div></td>
      </tr>
      <tr>
        <td>QQ</td>
        <td><input type="text" class="text" id="qq">
        </td>
        <td><div id="qqicon" class="icon">(请输入正确的QQ号码)</div></td>
      </tr>
      <tr>
        <td>办公电话</td>
        <td><input id="offphone" type="text" class="text"></td>
        <td><div class="icon" id="offphoneicon"></div></td>
      </tr>
      <tr>
        <td>家庭电话</td>
        <td><input id="homephone" type="text" class="text">
        </td>
        <td><div class="icon" id="homephoneicon"></div></td>
      </tr>
      <tr>
        <td>手机</td>
        <td ><input type="text" class="text" id="phone"></td>
        <td><div class="icon" id="phoneicon">(请输入正确的手机号)</div></td>
      </tr>
      <tr>
        <td>密码提示问题</td>
        <td>
        <select class="text" name="question" value="">
          <option value="" selected>请选择密码提示问题</option>
          <option value="">你热爱编程吗?</option>
          <option value="">你的中学名字是?</option>
          <option value="">最开心的事是什么?</option>
        </select>        
        </td>
        <td></td>
      </tr>
      <tr>
        <td>密码问题答案</td>
        <td><input id="answer" type="text" class="text"></td>
        <td><div class="icon" id="answericon"></div></td>
      </tr>
      <tr>
        <td></td>
        <td class="lasttext"><input type="radio">我已看过并接受《<a href="">用户协议</a>》</td>
        <td></td>
      </tr>
      <tr>
        <td></td>
        <td><input type="image" src="image/login.png" id="login"></td>
        <td></td>
      </tr>
    </table>
    </form>
  </div> 
</body>
</html>

延伸阅读

《JavaScript正则表达式》系列技术文章整理收藏

1论坛转贴工具中用到的正则表达式学习正则的好例子

2JS的replace方法与正则表达式结合应用讲解

3javascript replace方法与正则表达式

4正则表达式判断是否存在中文和全角字符和判断包含中文字符串长度

5trim原型函数看js正则表达式的性能

6用正则表达式 动态创建/增加css style script 兼容IE firefox

7javascript 获取链接文件地址中第一个斜线内的正则表达式

8Mootools 1.2教程 正则表达式

9javascript下利用数组缓存正则表达式的实现方法

10JavaScript 学习笔记(十四) 正则表达式

11javascript 正则表达式触发函数进行高级替换

12匹配任意字符的正则表达式写法

13javascript 正则表达式(一)

14js各种验证文本框输入格式(正则表达式)

15javascript正则表达式中参数g(全局)的作用

16js 替换功能函数,用正则表达式解决,js的全部替换

17正则总结:JavaScript中的正则表达式

18javascript学习笔记(五)正则表达式

19Javascript中正则表达式的全局匹配模式分析

20PHP匹配连续的数字或字母的正则表达式

21jquery里的正则表达式说明

22常用的JavaScript正则表达式

23JavaScript正则表达式的浏览器的差异

24jQuery源码分析-02正则表达式 RegExp 常用正则表达式

25javascript 进阶篇1 正则表达式,cookie管理,userData

26获取服务器传来的数据 用JS去空格的正则表达式

27js正则表达式

28javascript学习笔记(十一) 正则表达式介绍

29js中判断数字字母中文的正则表达式 (实例)

30js限制文本框只能输入数字(正则表达式)

31Java 正则表达式学习总结和一些小例子

32JavaScript高级程序设计(第3版)学习笔记12 js正则表达式

33javascript 正则表达式相关应介绍

34实用的JS正则表达式(手机号码/IP正则/邮编正则/电话等)

35js replace正则表达式应用案例讲解

36正则表达式搭配js轻松处理json文本方便而老古

3730分钟就入门的正则表达式基础教程

38如何使用Javascript正则表达式来格式化XML内容

39js正则表达式的使用详解

40Jquery Validate 正则表达式实用验证代码大全

41jquery常用见的正则表达式

42jquery macth正则表达式实例

43jQuery常用的正则表达式

44JQuery数字类型验证正则表达式

45jQuery中校验时间格式的正则表达式小结

46js编写trim()函数及正则表达式的运用

47JS常用正则表达式总结

48js将字符串转成正则表达式的实现方法

49JS正则表达式大全(整理详细且实用)

50JS正则表达式获取分组内容的方法详解

51js用正则表达式来验证表单(比较齐全的资源)

52javascipt匹配单行和多行注释的正则表达式

53用正则表达式替换图片地址img标签

54常用的JavaScript验证正则表达式汇总

55正则表达式中特殊符号及正则表达式的几种方法总结(replace,test,search)

56JavaScript中的正则表达式

57js验证电话号码与手机支持 86的正则表达式

58利用js正则表达式验证手机号,email地址,邮政编码

59JS正则表达式验证数字代码

60js正则表达式中test,exec,match方法的区别说明

61通过正则表达式实现表单验证是否为中文

62js动态拼接正则表达式的两种方法

63JavaScript通过正则表达式实现表单验证电话号码

64JavaScript表单通过正则表达式验证电话号码

65JavaScript中的正则表达式简明总结

66JS使用replace()方法和正则表达式进行字符串的搜索与替换实例

67javascript常用的正则表达式实例

68node.js正则表达式获取网页中所有链接的代码实例

69JavaScript利用正则表达式去除日期中的-

70删除javascript中注释语句的正则表达式

71JavaScript利用正则表达式去除日期中的“-”

72javascript正则表达式参数/g与/i及/gi的使用指南

73JS应用正则表达式转换大小写示例

74javascript学习笔记(八)正则表达式

75正则表达式在javascript中的几个实例

76javascript正则表达式检验

77使用 js 正则表达式为关键词添加链接

78正则表达式在JavaScript应用

79用正则表达式和javascript对表单进行全面验证

80实例分析js和C#中使用正则表达式匹配a标签

81Js 正则表达式知识汇总

82javascript使用正则表达式检测IP地址

83使用正则表达式的格式化与高亮显示json字符串

84jQuery中用dom操作替代正则表达式

85javascript正则表达式之search()用法实例

86javascript正则表达式使用replace()替换手机号的方法

87jquery使用正则表达式验证email地址的方法

88调试JavaScript中正则表达式中遇到的问题

89javascript使用正则表达式实现去掉空格之后的字符

90javascript中的正则表达式使用指南

91Javascript 正则表达式实现为数字添加千位分隔符

92【JavaScript】利用正则表达式检查输入框输入的是否为网址

93jQuery获取上传文件的名称的正则表达式

94简述JavaScript中正则表达式的使用方法

95JavaScript正则表达式中的ignoreCase属性使用详解

96详解JavaScript正则表达式中的global属性的使用

97在JavaScript的正则表达式中使用exec()方法

98简述JavaScript的正则表达式中test()方法的使用

99JavaScript正则表达式之multiline属性的应用

 

Js 正则表达式知识汇总 正则表达式: 1、什么是RegExp?RegExp是正则表达式的缩写。RegExp 对象用于规定在文本中检...

图(1)初始图

TAG标签: 篮球外围下注
版权声明:本文由篮球外围下注发布于系统,转载请注明出处:JavaScript正则表明式知识汇总