表单提交中OnSubmit、Onclick、Action

阿木王 2011-01-12 10:36:12

表单提交中OnSubmit、Onclick、Action三者执行顺序是怎样的，，求一例详解

...全文

312 1 打赏收藏转发到动态举报

写回复

用AI写文章

1 条回复

切换为时间正序

请发表友善的回复…

发表回复

阿木王 2011-01-17

打赏
举报

//先执行onSubmit中的代码,注意其中的格式,刚开始我直接调用其方法,试了n遍都没成功,现在终于明白啦
至于onClick,就是直接跳到onClick的相关页面
<script type="text/javascript">
function addCheck(){
var nameStr=document.systemForm.stuName.value;
var pwdStr=document.systemForm.stuPwd.value;
if(nameStr.length==0)
{ alert("请输入姓名");
document.systemForm.stuName.focus();
return false;
}
if(pwdStr.length==0)
{ alert("请输入密码");
document.systemForm.stuPwd.focus();
return false;
}

return true;
}

</script>
<body>
<form name="systemForm" method="post" action="checkUser" onSubmit="javascript:return addCheck()" >
<table width="760" border="0" cellspacing="3" cellpadding="0" align="center" class="tab1">
<tr>
<td><table width="100%" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="95%" align="center"><object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" width="496" height="108">
<param name="movie" value="Images/sofa1.swf">
<param name="quality" value="high">
<embed src="Images/sofa1.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="496" height="108"></embed>
</object></td>
</tr>
<tr>
<td height="25" align="left" class="back">  欢迎使用软件中心在线考试系统</td>
<td width="10%" height="25" align="right" class="back">帮助  </td>
</tr>
<tr>
<td colspan="2" height="25" class="xiangdao">  系统维护：您可以在此定制考试、添加试题及维护考生信息</td>
</tr>
<tr>
<td colspan="2" height="10"> </td>
</tr>
<tr align="center">
<td colspan="2"><table border="0" cellpadding="5" cellspacing="0" class="tab2">
<tr align="center">
<td colspan="3"><b>进入系统维护</b></td>
</tr>
<tr>
<td align="center">帐号：</td>
<td height="20" align="center"><input name="stuName" type="text" class="textField" size="20"></td>
<td align="center" class="red">*</td>
<td align="center"><a href="regist.jsp">注册账号</a></td>
</tr>
<tr>
<td align="center">密码：</td>
<td height="20" align="center"><input name="stuPwd" type="password" class="textField" size="20"></td>
<td align="center" class="red">*</td>
<td align="center"><a href="">找回密码</a></td>
</tr>
<tr>
<td align="center">
</tr>
<tr>
<td> </td>
<td align="right"><input name="Submit" type="submit" class="button1" value="登录" >
<input name="Reset" type="reset" class="button1" value="重置" ></td>
<td align="center"> </td>
</tr>
<tr>
<td colspan="3"><hr noshade size="1"></td>
</tr>
</table></td>
</tr>
<tr>
<td height="10" colspan="2" align="right" class="itemFont"> </td>
</tr>
<tr>
<td height="25" colspan="2" align="right" class="back">© 2005 清华IT软件实验室  </td>
</tr>
</table></td>
</tr>
</table>
</form>