示例-表单校验-涉及的事件和信息提示方式 

 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                 var oSpanNode = document.getElementById("userspan");
20                 
21                 if(name=="abc"){
22                     
23                         oSpanNode.innerHTML ="用户名正确".fontcolor("green");
24                     }
25                 else{
26                         oSpanNode.innerHTML ="用户名错误".fontcolor("red");
27                     }
28             }
29     </script>
30     <!--表单校验-->
31     <form>
32     用户名称：<input type="text" name="user" onblur="checkUser()" />
33     <span id="userspan"></span>
34     <br/>
35     输入密码：<input type="password" name=" psw" /><br/>
36     
37     
38     </form>
39     
40     
41 </body>
42 </html>
View Code

 

posted @ 2014-06-12 23:13  是但哥  阅读(240)  评论(0)    收藏  举报