表单提交中OnSubmit、Onclick、Action

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

解决方案 »

  1.   

    //先执行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">&nbsp;&nbsp;欢迎使用软件中心在线考试系统</td>
                <td width="10%" height="25" align="right" class="back">帮 助&nbsp;&nbsp;</td>
              </tr>
              <tr>
                <td colspan="2" height="25" class="xiangdao">&nbsp;&nbsp;系统维护：您可以在此定制考试、添加试题及维护考生信息</td>
              </tr>
              <tr>
                <td colspan="2" height="10">&nbsp;</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>&nbsp;</td>
                    <td align="right"><input name="Submit" type="submit" class="button1" value="登 录" >
                      <input name="Reset" type="reset" class="button1" value="重 置" ></td>
                    <td align="center">&nbsp;</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">&nbsp;</td>
              </tr>
              <tr>
                <td height="25" colspan="2" align="right" class="back">&copy; 2005 清华IT软件实验室&nbsp;&nbsp;</td>
              </tr>
          </table></td>
        </tr>
      </table>
    </form>