黑马程序员技术交流社区

标题: JavaScript小问题 [打印本页]
作者: 黄杨    时间: 2013-3-25 20:53
标题: JavaScript小问题
本帖最后由 黄杨 于 2013-3-27 01:16 编辑

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>注册</title>
<style type="text/css">
.center {
    text-align: center;
}

.red {
    color: #F00;
}
</style>
<script language="javascript">
    function on_submit() {
        if (form1.username.value == "") {
            alert("用户名不能为空！请输入用户名！");
            form1.username.focus();
            return false;
        }
        if (form1.passward.value == "") {
            alert("用户密码不能为空！请输入用户密码！");
            form1.passward.focus();
            return false;
        }

        if (form1.email.value.length != 0) {
            for (i = 0; i < form1.email.value.length; i++) {
                if (form1.email.value.charAt(i) == "@") {
                    break;
                }
        }
        if (i == form1.email.value.length) {
                alert("输入的电子邮箱地址非法！请重新输入！");
                form1.email.focus();
                return false;
        }

        } else {
            alert("电子邮箱不能为空！请输入电子邮箱！");
            form1.email.focus();
            return false;
       }
    }
</script>
</head>
<body>

    <form method="post"
        enctype="multipart/form-data" name="form1"
       >
        <table width="100%" border="0">
            <tr>
                <td colspan="2" class="center">用户注册</td>
            </tr>
            <tr>
                <td width="11%">用户名：<span class="red">（*）</span></td>
                <td width="89%"><input type="text" name="username"></td>
            </tr>
            <tr>
                <td>密 码：<span class="red">（*）</span></td>
                <td><input name="password" type="password"></td>
            </tr>
            <tr>
                <td>电子邮箱：<span class="red">（*）</span></td>
                <td><input type="text" name="email"></td>
            </tr>
            <tr>
                <td>家庭住址：</td>
                <td><input type="text" name="address"></td>
            </tr>
            <tr>
                <td colspan="2"><input type="submit" name="submit" id="button"
                    value="提交"> <input type="reset" name="button2" id="reset"
                    value="重置"></td>
            </tr>
        </table>
    </form>

</body>
</html>

弄了好久不懂哪里出错了，郁闷。。。
   上面只能验证用户名是否为空，其他的出问题


作者: 莫道荣    时间: 2013-3-25 21:08
  1. <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="WebTest.WebForm1" %>

  3. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">



  7. <html>
  8. <head>
  9. <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
  10. <title>注册</title>
  11. <style type="text/css">
  12. .center {
  13.     text-align: center;
  14. }

  16. .red {
  17.     color: #F00;
  18. }
  19. </style>
  20. <script language="javascript">
  21.     function on_submit() {
  22.         if (form1.username.value == "") {
  23.             alert("用户名不能为空！请输入用户名！");
  24.             form1.username.focus();
  25.             return false;
  26.         }
  27.         if (form1.password.value == "") {
  28.             alert("用户密码不能为空！请输入用户密码！");
  29.             form1.passward.focus();
  30.             return false;
  31.         }

  33.         if (form1.email.value.length != 0) {
  34.             for (i = 0; i < form1.email.value.length; i++) {
  35.                 if (form1.email.value.charAt(i) == "@") {
  36.                     break;
  37.                 }
  38.             }
  39.             if (i == form1.email.value.length) {
  40.                 alert("输入的电子邮箱地址非法！请重新输入！");
  41.                 form1.email.focus();
  42.                 return false;
  43.             }

  45.         } else {
  46.             alert("电子邮箱不能为空！请输入电子邮箱！");
  47.             form1.email.focus();
  48.             return false;
  49.         }
  50.     }
  51. </script>
  52. </head>
  53. <body>

  55.     <form method="post" enctype="multipart/form-data" name="form1" >
  56.         <table width="100%" border="0">
  57.             <tr>
  58.                 <td colspan="2" class="center" >用户注册</td>
  59.             </tr>
  60.             <tr>
  61.                 <td width="11%">用户名：<span class="red" >（*）</span></td>
  62.                 <td width="89%"><input type="text" id="username" /></td>
  63.             </tr>
  64.             <tr>
  65.                 <td>密 码：<span class="red">（*）</span></td>
  66.                 <td><input id="password" type="password" /></td>
  67.             </tr>
  68.             <tr>
  69.                 <td>电子邮箱：<span class="red" >（*）</span></td>
  70.                 <td><input type="text" id="email" /></td>
  71.             </tr>
  72.             <tr>
  73.                 <td>家庭住址：</td>
  74.                 <td><input type="text" id="address" /></td>
  75.             </tr>
  76.             <tr>
  77.                 <td colspan="2"><input type="submit" onclick="on_submit()" name="submit" id="button" value="提交" />
  78.                 <input type="reset" name="button2" id="reset" value="重置"></td>
  79.             </tr>
  80.         </table>
  81.     </form>

  83. </body>
  84. </html>
复制代码
(1)所有的input标签都缺少了 / 结束符号   <input type="text" id="txt" />
(2)form1.username.value   这里点的标签的ID不是name属性
（3）passward单词写错了
（4）没有给submit按钮注册点击事件，所以你写的on_submit函数怎么也调不到



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