黑马程序员技术交流社区

标题: 求救，Javascript总是无法验证 [打印本页]
作者: 刘立波    时间: 2012-10-15 19:12
标题: 求救，Javascript总是无法验证
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
  2. <html>
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  5. <title>注册页面</title>
  6. <script type="text/javascript">
  7.         function formSubmit(){
  8.                
  9.                
  10.                
  11.         }

  13. </script>
  14. </head>
  15. <body>
  16.        
  17.         <form action="" method="GET">
  18.                 用户名：<input type="text" name="username" id="username"/>

  20.                 密  码：<input type="password" name="password" />

  22.                 确认密码:<input type="password" name="repass"/>

  24.                 性  别：男<input type="radio" name="sex" value="male"/>  
  25.                             女<input type="radio" name="sex" value="female"/>

  27.                             
  28.             城  市：<select>
  29.                                           <option value="beijing" selected="selected">北京</option>
  30.                                           <option value="shanghai">上海</option>
  31.                                         <option value="guangzhou">广州</option>
  32.                                           <option value="chongqing">重庆</option>
  33.                                 </select>


  36.                                
  37.           兴趣爱好：<input type="checkbox" name="favo"/>编程  
  38.                              <input type="checkbox" name="favo"/>游戏  
  39.                              <input type="checkbox" name="favo"/>音乐   
  40.                              <input type="checkbox" name="favo"/>运动   


  43.                             
  44.           个人简介：<textarea rows="10" cols="15" name="intro" ></textarea>

  46.                 <!-- <input name="btnAdd" type="button" id="btnAdd"
  47.                                                 value="注册" onClick="formSubmit()">-->
  48.                 <input type="button" value="注册" onclick="formSubmit()"/>
  49.                 <input type="reset" value="重置"/>         
  50.                  
  51.         </form>
  52.        
  53. </body>
  54. </html>
复制代码
要求： 编写HTML注册表单, 需要字段: 用户名, 密码, 确认密码, 性别(单选), 城市(下拉列表), 兴趣爱好(多选), 个人简介(文本域)。然后使用JavaScript验证这个HTML表单，要求：
        1、 用户名: 必须是字母数字或下划线, 不能以数字开头.
        2、密码: 6-16位字母数字下划线.
        3、确认密码: 和密码一致.
        4、其他项为必填.

我自己写了js代码，在forSubmit()函数中，但是总是得不到相应的对象，所以就删了
请求大家帮助！{:soso_e163:}




作者: 刘立波    时间: 2012-10-15 19:13
打印这个的时候，总是输出为空，不知道什么原因。
  1. alert(document.getElementById("username"));
复制代码
作者: 梁世喜    时间: 2012-10-15 19:26
我把你代码放在forSubmit中alert(document.getElementById("username"));有效，值为[Object]

alert(document.getElementById("username").value);能正常获取值，

作者: 刘立波    时间: 2012-10-15 19:34
梁世喜 发表于 2012-10-15 19:26
我把你代码放在forSubmit中alert(document.getElementById("username"));有效，值为[Object]

alert(docume ...

谢谢谢谢
懂了



欢迎光临 黑马程序员技术交流社区 (http://bbs.itheima.com/) 黑马程序员IT技术论坛 X3.2