<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不为空,也不会提交