<html>
<head>
<title>验证表单</title>
<meta http-equiv="content-type" content="text/html;charset=gb2312" />
</head>
<body bgcolor="#ffffff" text="#000000" onLoad="init(document,Verify_form.UserName)">
<script language="javascript">
//提交表单的函数
function reg()
   { 
   
   window.open("register.htm","newwindow","toolbar = yes,menubar = yes");
   
   }
function init(element)
//初始化,将光标定位到指定的表单;
{ element.focus();
}
//提交前对所提交的数据进行检查,只有所有检查都通过,才将数据进行提交;
function Check()
{  flag=fause;
if(CheckUserName()==false)
         { return !flag;}
if(CheckPassword()==false)
     { return !flag;}
if(CheckEmail()==false)
     { return !flag;}
//  reg();
 return !flag;
 }
//检查用户名是否为空;
function CheckUserName()

if (document.Verify_form.UserName.value.length=0)
{
error (document.Verify_form.UserName,"对不起,用户名必须输入!");
return false;
}
else 
return true;
}
//检查email地址是否输入正确;
function CheckEmail()

if(document.Verify_form.E_mail.value.indexOf('@',1)==-1)
{ error (document..Verify_form.E_mail,"电子邮件地址错误!");
return false;
}
else
return true;
}
//检查密码输入是否正确
function CheckPassword()
  { 
if(document.Verify_form.Password.value.length<2)
{ error (document.Verify_form.Password,"对不起,密码至少为2个字符!");
      return false;
  }
 else 
 { 
  if(document.Verify_form.Password.value!= document.Verify_form.Againpass.value)
{ error(document.Verify_form.Password,"两次输入的密码不一致,请重新输入!");
 return false;
 }
 else
          return true;
  }
 }
//显示错误信息的函数
function error(element,test){
window.alert(test);
lement.select();
element.focus();
flag=true;}
</script>


<form name="Verify_form" method="post" action="register.asp" onSubmit="returnCheck()">
<table width="75%" border="0" align="center">
<tr><td colspan="2">
<div align="center"><b><font size="4" color="#ff0000" >请输入用户信息</font></b></div>
</td></tr>
<tr><td  width="35%"><div align="right">输入用户名:</div></td>
   <td width ="65%"><input type="text" name="UserName"></td></tr>
       </td>
</tr>
<tr><td  width="35%"><div align="right">输入密码:</div></td>
        <td width ="65%"><input type="password" name="Password"></td></tr>
<tr><td  width="35%"><div align="right">再输入一次密码:</div></td>
        <td width ="65%"><input type="password" name="Againpass"></td></tr>
<tr><td  width="35%"><div align="right">E_mail:</div></td>
        <td width ="65%"><input type="text" name="E_mail"></td></tr>
<tr><td  width="35%"><div align="right"><input type="submit" name="Submit" value="提交"></div></td>
<td width="65%"><input type="reset" name="Reset" value="重写"></td></tr>

   </table></form></body></html>

解决方案 »

  1.   

    <html>
    <head>
    <title>验证表单</title>
    <meta http-equiv="content-type" content="text/html;charset=utf8 />
    </head>
    <body bgcolor="#ffffff" text="#000000"
    onLoad="init(document,Verify_form.UserName)">
    <script language="javascript">
    // 提交表单的函数
    function reg() { window.open("register.htm", "newwindow", "toolbar = yes,menubar = yes");
    }
    function init(doc,element)
    // 初始化,将光标定位到指定的表单;
    {
    element.focus();
    }
    // 提交前对所提交的数据进行检查,只有所有检查都通过,才将数据进行提交;
    function Check() {
    flag = false;
    if (!CheckUserName()) {
    return flag;
    }
    if (!CheckPassword()) {
    return flag;
    }
    if (!CheckEmail()) {
    return flag;
    }
    // reg();
    return !flag;
    }
    // 检查用户名是否为空;
    function CheckUserName() {
    if (document.Verify_form.UserName.value.length == 0) {
    error(document.Verify_form.UserName, "对不起,用户名必须输入!");
    return false;
    } else
    return true;
    }
    // 检查email地址是否输入正确;
    function CheckEmail() {
    if (document.Verify_form.E_mail.value.indexOf('@') == -1) {
    error(document.Verify_form.E_mail, "电子邮件地址错误!");
    return false;
    } else
    return true;
    }
    // 检查密码输入是否正确
    function CheckPassword() {
    if (document.Verify_form.Password.value.length < 2) {
    error(document.Verify_form.Password, "对不起,密码至少为2个字符!");
    return false;
    } else {
    if (document.Verify_form.Password.value != document.Verify_form.Againpass.value) {
    error(document.Verify_form.Password, "两次输入的密码不一致,请重新输入!");
    return false;
    } else
    return true;
    }
    }
    // 显示错误信息的函数
    function error(element, test) {
    window.alert(test);
    element.select();
    element.focus();
    }
    </script>
    <form name="Verify_form" method="post" action="register.asp"
    onSubmit="return Check()">
    <table width="75%" border="0" align="center">
    <tr>
    <td colspan="2">
    <div align="center">
    <b><font size="4" color="#ff0000">请输入用户信息</font>
    </b>
    </div>
    </td>
    </tr>
    <tr>
    <td width="35%">
    <div align="right">
    输入用户名:
    </div>
    </td>
    <td width="65%">
    <input type="text" name="UserName">
    </td>
    </tr>
    </td>
    </tr>
    <tr>
    <td width="35%">
    <div align="right">
    输入密码:
    </div>
    </td>
    <td width="65%">
    <input type="password" name="Password">
    </td>
    </tr>
    <tr>
    <td width="35%">
    <div align="right">
    再输入一次密码:
    </div>
    </td>
    <td width="65%">
    <input type="password" name="Againpass">
    </td>
    </tr>
    <tr>
    <td width="35%">
    <div align="right">
    E_mail:
    </div>
    </td>
    <td width="65%">
    <input type="text" name="E_mail">
    </td>
    </tr>
    <tr>
    <td width="35%">
    <div align="right">
    <input type="submit" name="Submit" value="提交">
    </div>
    </td>
    <td width="65%">
    <input type="reset" name="Reset" value="重写">
    </td>
    </tr> </table>
    </form>
    </body>
    </html>
    我替楼主改完之后 我对code有了另外一种认识~~~