<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>
<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>
解决方案 »
- 请问一下, 表单如何一有输入就处理?
- Jquery.autocomplete动态添加的问题
- Ext bbar问题该怎么解决啊···
- js设置select中value="paraValue"的Item为选中
- 如何在document.write ("<%=inrs(1)%> 加入") 里加空格
- 用js遍历2.0中的TreeView控件出现的问题
- 請教排序問題!! xuzuning(唠叨)請進
- 高手请进(80)在线等呆
- 急救:mailto:协议中如何指定附件?
- 如何用JavaScript对独立的json文件进行增删改查?是单独的json文件。
- JS 闭包随笔 欢迎大家斧正
- 如何给标签中的title属性设置样式?
<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有了另外一种认识~~~