关于Form表单的提交与验证???

<html>
 <head>
  <title>多媒体实验</title>
  <!--<link href="css/style.css" rel="stylesheet" type="text/css" />
  <link href="skin/player4.css" rel="stylesheet" type="text/css" id="cssfile" />-->
  <script language="javaScript">
    function userLogin(obj){
  var userName=document.mediaForm.userName.value;
  var userPwd=document.mediaForm.userPwd.value;
  var flag=true;
  if(userName==""){
   alert("用户名不能为空");
   flag=false;
  }
  if(userPwd==""){
   alert("用户密码不能为空");
   flag=false;
  }
  if(flag){
   document.mediaForm.click_action.value=obj.value;
   document.mediaForm.action="http://127.0.0.1:80/cgi-bin/FirstEmbedPrj.cgi";
   document.mediaForm.submit();
  }
 }
  </script>
 </head>
 <body bgcolor="#999999">
  <center>
   <form name="mediaForm" method="post" action="">   
     <br /><br /><br /><br />
  <table cellpadding="2" cellspacing="2" align="center" bgcolor="#FF0000" style="color:#00FF00" border="2">
   <tr>
     <td colspan="2" align="center">用户登陆</td>
   </tr>
   <tr >
    <td>用户名:</td>
    <td><input type="text" name="userName" value=""/></td>
   </tr>
   <tr>
    <td>密  码:</td>
    <td><input type="password" name="userPwd" value=""/></td>
   </tr>
      <tr>
    <td align="center"><input type="submit" name="sub" value="login" onclick="userLogin(this);"/></td>
     <td align="center"><input type="button" name="smt" value="login_sub" onclick="userLogin(this);"/></td>
    <td align="center"><input type="hidden" name="click_action" value=""/></td>
    <td align="center"><input type="reset" name="ret" value="reset"/></td>
   </tr>
  </table>
   </form>
  </center>
 </body>
</html>

----------------------------------------------------------------------------------------------------------------------------------------------

从中得到的知识为:

1.当提交时type="submit"的按钮的值会传到服务器中,形式为:name=value,上面为sub=login

2.当提交时type="button"的按钮的值不会传到服务器中

3.当将form改为:<form name="mediaForm" method="post" action="http://127.0.0.1:80/cgi-bin/FirstEmbedPrj.cgi">

    (a)点击type="submit"的按钮提交时,即使表单验证不成功,照样会提交表单。当表单action为空时

    验证不成功时,也会提交表单,不过效果相当于刷新该页面而已。

    (b)点击type="button"的按钮提交时,表单验证不成功时,即使表单action不为空,也不会提交

你可能感兴趣的:(关于Form表单的提交与验证???)