html表单不能为空的确认

<html>
<head>
<title>修改密码</title>

<script language="JavaScript" type="text/javascript">

function checkform()
{
var f=document.forms("from1");
if(f.name.value=="")
{
alert("请填写旧密码");
return false;
}
if(f.password1.value=="")
{
alert("请输入新密码");
return false;
}
if(f.password2.value=="")
{
alert("请确认密码");
return false;
}

if(password1!=password2){
alert("前后密码不一致");
return false;
}
return true;

}

</script>
</head>
<body background="">
<form name="form1" method="post" action="del.php" onclick=checkform();>
<table width="500" align="center" style="margin:0px auto;" border="0">
<tr>
<td>旧密码(<font color="#FF0000">*</font>):</td>
<td><input type="text" name="password" /></td>
</tr>
<tr>
<td>新密码(<font color="#FF0000">*</font>):</td>
<td><input type="text" name="password1" /></td>
</tr>
<tr>
<td>确认密码(<font color="#FF0000">*</font>):</td>
<td><input type="text" name="password2" /></td>
</tr>
<tr>

<td colspan="2" align="center"><input type="submit" value="提交" />
<input type="reset" value="重置" /></td>
</tr>
</table>
</form>
</body>
</html>
这个代码为么不能进行确认,直接跳转啊?

第1个回答  2011-06-02
对,要改成 onsubmit="return checkform()"追问

为么修改了以后还是不行呢?

第2个回答  推荐于2016-02-20
2个错误
1.var f=document.forms("from1");
表单名错误:是"form1”不是 “from1”
2.旧密码 找不到"name", 是"password"
if(f.name.value=="")
{
alert("请填写旧密码");
return false;
}

<html>
<head>
<title>修改密码</title>
<script language="JavaScript" type="text/javascript">

function checkform()
{
var f=document.forms("form1");
if(f.password.value=="")
{
alert("请填写旧密码");
f.password.focus();
return false;
}
if(f.password1.value=="")
{
alert("请输入新密码");
f.password1.focus();
return false;
}
if(f.password2.value=="")
{
alert("请确认密码");
f.password2.focus();
return false;
}

if(f.password2.value!=f.password1.value){
alert("前后密码不一致");
f.password2.focus();
return false;
}
return true;

}

</script>
</head>
<body background="">
<form name="form1" method="post" action="del.php" onSubmit="return checkform();">
<table width="500" align="center" style="margin:0px auto;" border="0">
<tr>
<td>旧密码(<font color="#FF0000">*</font>):</td>
<td><input type="password" name="password" /></td>
</tr>
<tr>
<td>新密码(<font color="#FF0000">*</font>):</td>
<td><input type="password" name="password1" /></td>
</tr>
<tr>
<td>确认密码(<font color="#FF0000">*</font>):</td>
<td><input type="password" name="password2" /></td>
</tr>
<tr>
<td colspan="2" align="center"><input type="submit" value="提交" />
<input type="reset" value="重置" /></td>
</tr>
</table>
</form>
</body>
</html>追问

呵呵,太大意了!现在那个错误没有了,为什么password1和password2不一致也能提交啊?

本回答被提问者采纳
第3个回答  2011-06-01
onclick 改成 onsubmit 是提交触发的事件 不是点击
相似回答