A股上市公司传智教育(股票代码 003032)旗下技术交流社区北京昌平校区

 找回密码
 加入黑马

QQ登录

只需一步,快速开始

© 周志龙 中级黑马   /  2013-10-1 16:29  /  1200 人查看  /  1 人回复  /   0 人收藏 转载请遵从CC协议 禁止商业使用本文

本帖最后由 Nocturne 于 2013-10-2 23:13 编辑
  1. <head>
  2. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  3. <title>无标题文档</title>
  4. <script type="text/javascript" src="doctool.js"></script>
  5. <style type="text/css">
  6. #useryes,#userno{
  7.         display:none;
  8. }

  9. </style>
  10. <script>
  11. function checkUser(userNode){
  12.         var name= userNode.value;
  13.         var namereg = new RegExp("^[a-zA-z][a-zA-Z0-9_]{0,9}[        DISCUZ_CODE_0        ]quot;);
  14.         var spanNode1 = byId("useryes");
  15.         var spanNode2 = byId("userno");
  16.         if(name.match(namereg)){
  17.                 spanNode1.style.display = "inline";
  18.                 spanNode1.style.color = "green";
  19.                 spanNode2.style.display = "none";        
  20.         }else{
  21.                 spanNode2.style.display = "inline";
  22.                 spanNode2.style.color = "red";
  23.                 spanNode1.style.display = "none";
  24.         }
  25. }
  26. function checkPsw(pswNode){
  27.         var pass = pswNode.value;
  28.         var passreg = new RegExp("^[0-9]{5}[        DISCUZ_CODE_0        ]quot;);
  29.         var spanNode = byId("pswspan");
  30.         if(pass.match(passreg)){
  31.                 spanNode.innerHTML = "密码正确".fontcolor("green");
  32.         }else{
  33.                 spanNode.innerHTML = "密码错误".fontcolor("red");
  34.         }
  35.         
  36.         }

  37. </script>
  38. </head>

  39. <body>
  40. <div>
  41. <form action="">
  42.         <table align="center"  >
  43.                 <tr>
  44.                         <td>用户名:</td>
  45.                         <td><input type="text" name="username" onBlur="checkUser(this)"/>
  46.             <span id="useryes">用户名正确</span>
  47.             <span id="userno">用户名错误</span>
  48.             </td>
  49.                 </tr>
  50.                 <tr>
  51.                         <td>密码:</td>
  52.                         <td><input type="password" name="psw" onclick="checkPsw(this)"/>
  53.                     <span id="pswspan"></span>
  54.             </td>
  55.                 </tr>
  56.                 <tr>
  57.                         <td>确认密码:</td>
  58.                         <td><input type="password" name="password2"/></td>
  59.                 </tr>
  60.                 <tr><td>性别:</td>
  61.                         <td>男<input type="radio" name="sex" value="男"/>女<input type="radio" name="sex" value="女"/></td>
  62.                 </tr>
  63.                 <tr>
  64.                         <td>爱好:</td>
  65.                         <td><input type="checkbox" name="hobby" value="sport" />运动
  66.                                 <input type="checkbox" name="hobby" value="game" />玩游戏
  67.                                 <input type="checkbox" name="hobby" value="tenlent" />聊天
  68.                         </td>
  69.                 </tr>
  70.                 <tr>
  71.                         <td>城市:</td>
  72.                         <td>
  73.                                 <select name = "city">
  74.                                         <option value="1">北京</option>        
  75.                                         <option value="2">上海</option>
  76.                                         <option value="3">广州</option>
  77.                                 </slect>
  78.                         </td>
  79.                 </tr>
  80.                 <tr><td>个人间介</td>
  81.                         <td><textarea rows="10" cols="30"></textarea></td>
  82.                 </tr>
  83.         </table>
  84. </form>
  85. </div>
  86. </body>
复制代码
最后提示用户名是否正确和密码是否正确的时候为什么是显示1行,我认为密码输入多次的时候应该留下上次的痕迹啊为什么没有了呢?
求指点

评分

参与人数 1技术分 +1 收起 理由
乔兵 + 1

查看全部评分

1 个回复

倒序浏览
落木萧萧 来自手机 高级黑马 2013-10-6 01:21:15
沙发
mark一下,明天来回答
回复 使用道具 举报
您需要登录后才可以回帖 登录 | 加入黑马