机房管理系统登录:javascript编写的注册程序问题!

来源:百度文库 编辑:神马品牌网 时间:2024/05/11 05:02:13
用javascript编写的前台注册程序:
可以验证错误,可是不管有没有填数据都会直接跳转到chuli.asp了!
请问要如何修改?
以下是代码:

<form action="chuli.asp" method="post" name="ai" onsubmit="yanzheng()">

function yanzheng()/*验证函数*/
{
if(ai.fid.value=="")/*验证ID是否为空*/
{alert("注册id没有填哦")
ai.fid.focus()
return false
}else
if(ai.mima.value=="")/*验证密码是否为空*/
{alert("没有输入密码哦")
ai.mima.focus()
return false
}else if(ai.mima2.value=="")/*验证再次输入的密码是否为空*/
{alert("请再输入一次密码")
ai.mima2.focus()
return false
}else if(ai.mima.value!=ai.mima2.value)
{
alert("两次输入的密码不同!请重输!")
ai.mima2.focus()
return false
}
else
{
return true
}
}

最简单的方法:
onsubmit="yanzheng()" 改为onsubmit="return yanzheng();"
这样验证后得返回值给表单,值不为false时才会提交.
自创的方法(供参考):
这种问题我以前也头痛了好久,你改成这样,事件触发不放在form1里面,放在提交表单的按钮(类型要为button)的onclick里面,验证成功后用javascript来执行提交命令
<form action="chuli.asp" method="post" name="ai">
你将提交按钮的类型改为button,然后
<input type="button" name="submit" onclick="yanzheng()">
然后就是提交表单的操作在yanzheng()里面实现
yanzheng()
{....
//在函数的最后一行加上
form1.submit();//提交表单
}
就可以了,先验证,再提交

function yanzheng()/*验证函数*/
{
if(document.ai.fid.value=="")/*验证ID是否为空*/
{
alert("注册id没有填哦");
document.ai.fid.focus();
return false;
}else
if(document.ai.mima.value=="")/*验证密码是否为空*/
{
alert("没有输入密码哦");
document.ai.mima.focus();
return false;
}else if(document.ai.mima2.value=="")/*验证再次输入的密码是否为空*/
{
alert("请再输入一次密码");
document.ai.mima2.focus();
return false;
}else if(ai.mima.value!=ai.mima2.value)
{
alert("两次输入的密码不同!请重输!");
document.ai.mima2.focus();
return false;
}
else
{
return true;
}
}

记得JAVASCRIPT语句后面加上";"
我习惯加上document.
如果还达不到你要的效果的话你看看把
document.ai.*.focus();
都改成
document.all("*").focus();
试试~
自己编写的时候多注意!

<form action="chuli.asp" method="post" name="ai" onsubmit="javascript:return

yanzheng()">
I D<input type="text" name="fid"><br>
密码<input type="text" name="mima"><br>
密码<input type="text" name="mima2">
<input type="submit" name="submit">
</form>
<script language="javascript">
function yanzheng()/*验证函数*/
{
if(ai.fid.value=="")/*验证ID是否为空*/
{alert("注册id没有填哦")
ai.fid.focus()
return false
}else
if(ai.mima.value=="")/*验证密码是否为空*/
{alert("没有输入密码哦")
ai.mima.focus()
return false
}else if(ai.mima2.value=="")/*验证再次输入的密码是否为空*/
{alert("请再输入一次密码")
ai.mima2.focus()
return false
}else if(ai.mima.value!=ai.mima2.value)
{
alert("两次输入的密码不同!请重输!")
ai.mima2.focus()
return false
}
else
{
return true
}
}
</script>