高校问答三亚阿罗哈清水湾宾馆:js 中怎么判断是否触发了submit事件
来源：百度文库 编辑：高校问答 时间：2024/05/15 11:13:02
不要在 form 里写任何代码的，要在另外地方用 javascript 来判断！
如在<hand>里用 <script ......></script>方式来写
要求不要在 Form 里写onSubmit="return checkuser()"
而要在鼠标点击 Submit 后用 javascript 来判断已提交。
form中的内容：
<form name="form1" method="post" action="check.jsp" onSubmit="return checkuser()">
<table width="60%" cellpadding="1" cellspacing="2" border="0" align="center">
<tr>
<td width="35%">用户名*：</td>
<td width="65%">
<input type="text" name="username"> </td>
</tr>
<tr>
<td>密码*：</td>
<td>
<input type="password" name="password1"> </td>
</tr>
<tr>
<td>密码确认*：</td>
<td>
<input type="password" name="password2"> </td>
</tr>
<tr>
<td>QQ号码：</td>
<td><input type="text" name="qq"></td>
</tr>
<tr>
<td>电子邮件*：</td>
<td >
<input type="text" name="email"> </td>
</tr>
<tr>
<td>性别： </td>
<td>
<input type="radio" name="sex" value="男" checked>
<img src="images/boy.gif" width="24" height="24">男孩
<input type="radio" name="sex" value="女">
<img src="images/girl.gif" width="26" height="26">女孩 </td>
</tr>
<tr>
<td>年龄*：</td>
<td>
<input type="text" name="age"> </td>
</tr>
<tr>
<td>电话：</td>
<td>
<input type="text" name="phone"> </td>
</tr>
<tr>
<td>地址：</td>
<td >
<input type="text" name="address"> </td>
</tr>
<tr>
<td colspan=2>
<center>
<input type="submit" value="注册">
<input type="reset" value="重置">
</center> </td>
</tr>
</table></form>
head中的判断：
<head>
<script language="JavaScript">
function checkuser()
{
username=document.form1.username.value;
password1=document.form1.password1.value;
password2=document.form1.password2.value;
age=document.form1.age.value;
email=document.form1.email.value;
phone=document.form1.phone.value;
address=document.form1.address.value;
if(username.length<3||username.length>12)
{
alert("用户名长度必须在3位到12位之间");
return false;
}
if(password1.length<6||password1.length>12)
{
alert("密码长度必须在6位到12位之间");
return false;
}
if(password1!=password2)
{
alert("密码不匹配");
return false;
}
if(email==""||(email.indexOf('@')==-1)||(email.indexOf('.')==-1))
{
alert("电子邮件填写不正确");
return false;
}
if(age==""||isNaN(age)||parseInt(age)<0||parseInt(age)>99)
{
alert("年龄不合要求");
return false;
}
if(isNaN(phone)||parseInt(phone)<0)
{
alert("电话号码不合规范");
return false;
}
return true;
}
</script>
</head>