示例-表单校验-涉及的正则校验 

 1 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 2 <html xmlns="http://www.w3.org/1999/xhtml">
 3 <head>
 4 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5 <title>示例-表单校验-涉及的正则校验</title>
 6 <style type="text/css">
 7     
 8 </style>
 9 </head>
10 
11 <body>
12 
13     <script type="text/javascript">
14         function checkUser(){
15                 var oUserNode = document.getElementsByName("user")[0];
16                 
17                 var name =oUserNode.value;
18                 
19                 //定义正则表达式
20                 var reg = new RegExp("^[a-z]{4}$","i");
21                 
22                 var oSpanNode = document.getElementById( "userspan");//必须是四个字母
23                 
24                 reg = new RegExp("^[0-9]{4}$","i");//必须是四个数字
25                 
26                 if(reg.test(name)){
27                     
28                         oSpanNode.innerHTML ="用户名正确".fontcolor("green");
29                     }
30                 else{
31                         oSpanNode.innerHTML ="用户名错误".fontcolor("red");
32                     }
33             }
34     </script>
35     <!--表单校验-->
36     <form>
37     用户名称：<input type="text" name="user" onblur="checkUser()" />
38     <span id="userspan"></span>
39     <br/>
40     输入密码：<input type="password" name=" psw" /><br/>
41     
42     
43     </form>
44     
45     
46 </body>
47 </html>
View Code

 

posted @ 2014-06-13 00:26  是但哥  阅读(175)  评论(0)    收藏  举报