程序求解

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>注册页面</title>
<style type="text/css">
<!--
body {
margin-left: 0px;
margin-top: 0px;
}
-->
</style>
<script language="JavaScript">
<!--
<!--验证名字-->
function namecheckdata()
{
var name=document.from1.name,i,length=from1.name.value.length;
if (name.vlaue=='')
{
alert ("用户名不能为空");
name.focus();
}
for (i=0;i<=length-1;i++)
{
if((name.value.charAt(i)>'a'&&name.value.charAt(i)<'z')||
   (name.value.charAt(i)>'A'&&name.value.charAt(i)<'Z'))
{}
else
{
alert ('用户名不符合规则');name.focus();name.select();
}
}
//验证名字的合理性
<!--验证年龄-->
function checkdata()
{
var age=document.form1.age;
if (age.value==''){alert ('年龄不能为空');age.focus();return false;}
if (!(age.value>0&&age.value<100)){alert ('你不是顽童就是寿星');age.focus();return false;}//验证年龄
}
<!--验证密码-->
if (form1.password.value.length<4||form1.password.value.length>10){alert ('密码在4到10位之间');form1.password.focus();return false;}//验证密码位数
//验证个人介绍
if (form1.jieshao.value==''){alert ('个人介绍不能为空');form1.jieshao.focus();return false;}
}
//-->
</script>
</head><body onload="form1.name.focus();">
<form id="form1" name="form1" method="post" action="1.php" onsubmit="return checkdata();">
  <table width="760" border="0" align="center">
    <tr>
      <td width="24%">名字：</td>
      <td width="43%"><input type="text" name="name" id="textfield" /></td>
      <td width="33%">*不能为空，只能是字母</td>
    </tr>
    <tr>
      <td>性别：</td>
      <td>男 
      <input type="radio" name="sex" id="radio" value="男" checked/>
      &nbsp; &nbsp; 女 
      <input type="radio" name="sex" id="radio" value="女" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>年龄：</td>
      <td><input type="text" name="age" id="textfield2" /></td>
      <td>*不能为空，在0到100之间</td>
    </tr>
    <tr>
      <td>个人密码：</td>
      <td><input type="password" name="password" id="textfield3" /></td>
      <td>*不能为空，4到10位数</td>
    </tr>
    <tr>
      <td>确认密码：</td>
      <td><input type="password" name="password1" id="textfield4" /></td>
      <td>*请再输入一次密码</td>
    </tr>
    <tr>
      <td>你的爱好：</td>
      <td>看书 
      <input type="checkbox" name="like1" id="checkbox"  value="看书"checked/>
      &nbsp; &nbsp;足球 
      <input type="checkbox" name="like2" id="checkbox2" value="足球"/>
      &nbsp; &nbsp;音乐 
      <input type="checkbox" name="like3" id="checkbox3" value="音乐" />
      &nbsp; &nbsp;爬山 
      <input type="checkbox" name="like4" id="checkbox4" value="爬山" /></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>你最喜欢的颜色：</td>
      <td><label>
        <select name="color" size="1" id="select">
          <option value="red">红色</option>
          <option value="green">绿色</option>
          <option value="blue">蓝色</option>
          <option value="yellow">黄色</option>
          <option value="pink">粉色</option>
        </select>
      </label></td>
      <td>&nbsp;</td>
    </tr>
    <tr>
      <td>个人介绍：</td>
      <td><textarea name="jieshao" cols="30" rows="5" id="textfield5"></textarea></td>
      <td>*不能为空      </td>
    </tr>
  </table>
  <center>
    <p>&nbsp;</p>
    <p>
      <input type="submit" name="button" id="button" value="提交" />
      &nbsp; 
      &nbsp;      
      &nbsp;    
      &nbsp; 
      &nbsp; 
      &nbsp; 
      <input type="reset" name="button2" id="button2" value="重置" />
    </p>
  </center>
</form>
</body>
</html>
为什么不能对输入数据检测？

解决方案 »

  1.   

    var name=document.from1.name,i,length=from1.name.value.length;form1吧
      

  2.   

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title> 注册页面</title>
    <style type="text/css">
    <!--
    body {
    margin-left: 0px;
    margin-top: 0px;
    }
    -->
    </style>
    <script language="JavaScript">
    <!--
    <!--验证名字-->
    function namecheckdata()
    {
    var name=document.form1.name,i,length=form1.name.value.length;
    if (name.vlaue=='')
    {
    alert ("用户名不能为空");
    name.focus();
    }
    for (i=0;i<=length-1;i++)
    {
    if((name.value.charAt(i)>'a'&&name.value.charAt(i)<'z')||
    (name.value.charAt(i)>'A'&&name.value.charAt(i)<'Z'))
    {}
    else
    {
    alert ('用户名不符合规则');name.focus();name.select();
    }
    }
    //验证名字的合理性
    <!-- 验证年龄-->
    function checkdata()
    {
    var age=document.form1.age;
    if (age.value==''){alert ('年龄不能为空');age.focus();return false;}
    if (!(age.value>0&&age.value<100)){alert ('你不是顽童就是寿星');age.focus();return false;}//验证年龄
    }
    <!--验证密码-->
    if (form1.password.value.length<4||form1.password.value.length>10){alert ('密码在4到10位之间');form1.password.focus();return false;}//验证密码位数
    //验证个人介绍
    if (form1.jieshao.value==''){alert ('个人介绍不能为空');form1.jieshao.focus();return false;}
    }
    //-->
    </script>
    </head><body onload="form1.name.focus();">
    <form id="form1" name="form1" method="post" action="1.php" onsubmit="return checkdata();">
      <table width="760" border="0" align="center">
      <tr>
      <td width="24%">名字：</td>
      <td width="43%"><input type="text" name="name" id="textfield" /></td>
      <td width="33%">*不能为空，只能是字母</td>
      </tr>
      <tr>
      <td>性别：</td>
      <td>男 
      <input type="radio" name="sex" id="radio" value="男" checked/>
      &nbsp; &nbsp; 女 
      <input type="radio" name="sex" id="radio" value="女" /></td>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>年龄：</td>
      <td><input type="text" name="age" id="textfield2" /></td>
      <td>*不能为空，在0到100之间</td>
      </tr>
      <tr>
      <td>个人密码：</td>
      <td><input type="password" name="password" id="textfield3" /></td>
      <td>*不能为空，4到10位数</td>
      </tr>
      <tr>
      <td>确认密码：</td>
      <td><input type="password" name="password1" id="textfield4" /></td>
      <td>*请再输入一次密码</td>
      </tr>
      <tr>
      <td>你的爱好：</td>
      <td>看书 
      <input type="checkbox" name="like1" id="checkbox" value="看书"checked/>
      &nbsp; &nbsp;足球 
      <input type="checkbox" name="like2" id="checkbox2" value="足球"/>
      &nbsp; &nbsp;音乐 
      <input type="checkbox" name="like3" id="checkbox3" value="音乐" />
      &nbsp; &nbsp;爬山 
      <input type="checkbox" name="like4" id="checkbox4" value="爬山" /></td>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>你最喜欢的颜色：</td>
      <td><label>
      <select name="color" size="1" id="select">
      <option value="red">红色</option>
      <option value="green">绿色</option>
      <option value="blue">蓝色</option>
      <option value="yellow">黄色</option>
      <option value="pink">粉色</option>
      </select>
      </label></td>
      <td>&nbsp;</td>
      </tr>
      <tr>
      <td>个人介绍：</td>
      <td><textarea name="jieshao" cols="30" rows="5" id="textfield5"></textarea></td>
      <td>*不能为空 </td>
      </tr>
      </table>
      <center>
      <p>&nbsp;</p>
      <p>
      <input type="submit" name="button" id="button" value="提交" />
      &nbsp; 
      &nbsp;  
      &nbsp;  
      &nbsp; 
      &nbsp; 
      &nbsp; 
      <input type="reset" name="button2" id="button2" value="重置" />
      </p>
      </center>
    </form>
    </body>
    </html>