码迷,mamicode.com
首页 > 其他好文 > 详细

内置支持类(RegExp)

时间:2018-03-02 12:31:52      阅读:161      评论:0      收藏:0      [点我收藏+]

标签:test   nbsp   func   gen   mailbox   oct   输入   button   cti   

/*
   RegExp的两种用法:
   用法一:/pattern/attributes
   用法二:new RegExp(pattern, attributes);
   参数 attributes 是一个可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前,不支持 m 属性。如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。
   */

RegExp的对象test:检索字符串中指定的值。返回 true 或 false。

 1 <!doctype html>
 2 <html lang="en">
 3  <head>
 4   <meta charset="UTF-8">
 5   <meta name="Generator" content="EditPlus?">
 6   <meta name="Author" content="">
 7   <meta name="Keywords" content="">
 8   <meta name="Description" content="">
 9   <title>内置支持类(RegExp)</title>
10  </head>
11  <body>
12     <script type="text/javascript">
13         function testok(){
14             /*
15             RegExp的两种用法:
16             用法一:/pattern/attributes
17             用法二:new RegExp(pattern, attributes);
18             参数 attributes 是一个可选的字符串,包含属性 "g"、"i" 和 "m",分别用于指定全局匹配、区分大小写的匹配和多行匹配。ECMAScript 标准化之前,不支持 m 属性。如果 pattern 是正则表达式,而不是字符串,则必须省略该参数。
19             */
20             //设置一个邮箱的正则表达式
21             var nemRegExp=/^([0-9A-Za-z\-_\.]+)@([0-9a-z]+\.[a-z]{2,3}(\.[a-z]{2})?)$/
22             //获取text中的邮箱地址
23             var mailbox=document.getElementById("mailbox").value;
24             //校验是否符合正则表达式
25             //RegExp的对象test:检索字符串中指定的值。返回 true 或 false。
26             var ok=nemRegExp.test(mailbox);
27             var spanname=document.getElementById("spanname")
28             if(ok){
29                 spanname.innerHTML="邮箱输入合法";
30 
31             }else 
32                 spanname.innerHTML="邮箱输入不合法";
33                 
34         }
35     </script>
36     邮箱地址:<input type="text" id="mailbox" value="">
37     <span id="spanname" style="color:red"></span>
38     <br><input type="button" value="验证" onclick="testok()">
39   
40  </body>
41 </html>

 

内置支持类(RegExp)

标签:test   nbsp   func   gen   mailbox   oct   输入   button   cti   

原文地址:https://www.cnblogs.com/xiuxiu123456/p/8492112.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!