如何用javascript控制表单提交？

<%@ Language=VBScript %>
<% Option Explicit %>
<!--#include file="System/ConstDefine.asp"-->
<!--#include file="System/FunDefine.asp"-->
<!--#include file="Detect.asp"-->
<HTML>
<HEAD>
<title><% = TEXT_LOGIN_WELCOME %></title>
<link rel="stylesheet" href="Common/Main.css">
<style>
body{
margin:0 0 0 0 ;
background-color:#f3f0e9;
overflow:hidden;
}
</style>
<%writeHTMLHeader "NoCache"%>
<object id="WebBrowser" width=0 height=0 
classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>
<SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
<!--
function window_onload() {
document.all.LoginName1.focus() ;
}
//-->
</SCRIPT>
<SCRIPT LANGUAGE=javascript>
<!--
var hWnd;
function login(){
document.Form1.LoginName.value = document.all.LoginName1.value ;
document.Form1.Password.value = document.all.Password1.value ;
document.all.Password1.value = '' ;
if (hWnd == null){
hWnd = openWin() ;
document.Form1.submit() ;
closeWin() ;
hWnd.focus() ;
}
else{
if (hWnd.closed){
hWnd = openWin() ;
document.Form1.submit() ;
closeWin() ;
hWnd.focus() ;
}
else{
alert('<% = TEXT_YOU_HAVE_LOGINED %>');
closeWin() ;
hWnd.focus() ;
}
}
}function openWin(){
var hWnd
hWnd = window.open('ProgressBar.asp','<% = WINDOW_NAME %>','height='+ new String(screen.availHeight-28) + ',top=0,left=0,width=' + new String(screen.availWidth-10) + ',location=no,menubar=no,resizable=no,toolbar=no'); 
return hWnd ;
}function filterKey() {
if (event.keyCode == 13){
if (event.srcElement.name == "Password1")
document.all.Submit.click() ;
else
event.keyCode = 9 ;
return false ;
}
else{
return true ;
}
}function closeWin(){
try{
document.all.WebBrowser.ExecWB(45,1);
}
catch(e){
};
}//-->
</SCRIPT>
</HEAD>
<body class="LoginPage" LANGUAGE=javascript onload="return window_onload()">
<table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
<tr>
<td align="center" valign="middle">
<table border="0" cellpadding="0" cellspacing="0" width="345">
  <tr>
   <td><img src="images/default/spacer.gif" width="149" height="1" border="0"></td>
   <td><img src="images/default/spacer.gif" width="58" height="1" border="0"></td>
   <td><img src="images/default/spacer.gif" width="37" height="1" border="0"></td>
   <td><img src="images/default/spacer.gif" width="62" height="1" border="0"></td>
   <td><img src="images/default/spacer.gif" width="19" height="1" border="0"></td>
   <td><img src="images/default/spacer.gif" width="20" height="1" border="0"></td>
   <td><img src="images/default/spacer.gif" width="1" height="1" border="0"></td>
  </tr>   <tr>
   <td colspan="6"><img name="default_r1_c1" src="images/default/default_r1_c1.gif" width="345" height="33" border="0"></td>
   <td><img src="images/default/spacer.gif" width="1" height="33" border="0"></td>
  </tr>
  <tr>
   <td colspan="6"><img name="default_r2_c1" src="images/default/default_r2_c1.gif" width="345" height="34" border="0"></td>
   <td><img src="images/default/spacer.gif" width="1" height="34" border="0"></td>
  </tr>
  <tr>
   <td colspan="6"><img name="default_r3_c1" src="images/default/default_r3_c1.gif" width="345" height="47" border="0"></td>
   <td><img src="images/default/spacer.gif" width="1" height="47" border="0"></td>
  </tr>
  <tr>
   <td colspan="6"><img name="default_r4_c1" src="images/default/default_r4_c1.gif" width="345" height="51" border="0"></td>
   <td><img src="images/default/spacer.gif" width="1" height="51" border="0"></td>
  </tr>
  <tr>
   <td colspan="6"><img name="default_r5_c1" src="images/default/default_r5_c1.gif" width="345" height="57" border="0"></td>
   <td><img src="images/default/spacer.gif" width="1" height="57" border="0"></td>
  </tr>
  <tr>
   <td colspan="6"><img name="default_r6_c1" src="images/default/default_r6_c1.gif" width="345" height="54" border="0"></td>
   <td><img src="images/default/spacer.gif" width="1" height="54" border="0"></td>
  </tr>
  <tr>
   <td colspan="6"><img name="default_r7_c1" src="images/default/default_r7_c1.gif" width="345" height="41" border="0"></td>
   <td><img src="images/default/spacer.gif" width="1" height="41" border="0"></td>
  </tr>
  <tr>
<td><img name="default_r8_c1" src="images/default/default_r8_c1.gif" width="149" height="19" border="0"></td>
<td width="58" height="19" background="images/default/default_r8_c2.gif" valign="top"><INPUT TYPE="text" name="LoginName1" value="<%=Request.Cookies("CRM")("LoginName")%>" size="8" class="LoginInputBox1" onkeydown="javascript:filterKey() ; " onfocus="javascript:this.className = 'LoginInputBox2' ; " onblur="javascript:this.className = 'LoginInputBox1' ; "></td>
<td><img name="default_r8_c3" src="images/default/default_r8_c3.gif" width="37" height="19" border="0"></td>
<td width="62" height="19" background="images/default/default_r8_c4.gif" valign="top"><INPUT TYPE="password" name="Password1" size="8" class="LoginInputBox1" onkeydown="javascript:filterKey() ; " onfocus="javascript:this.className = 'LoginInputBox2' ; " onblur="javascript:this.className = 'LoginInputBox1' ; "></td>
<td background="images/default/default_r8_c5.gif" width="19" height="19"><INPUT name="Submit" type="Button" class="ButtonLogin" value="<% = BUTTON_LOGIN %>" onclick="javascript:login() ; "></td>
<td><img name="default_r8_c6" src="images/default/default_r8_c6.gif" width="20" height="19" border="0"></td>
<td><img src="images/default/spacer.gif" width="1" height="19" border="0"></td>
  </tr>
  <tr>
   <td colspan="6"><img name="default_r9_c1" src="images/default/default_r9_c1.gif" width="345" height="35" border="0"></td>
   <td><img src="images/default/spacer.gif" width="1" height="35" border="0"></td>
  </tr>
<FORM action="VerifyUser.asp" method="post" name="Form1" target="<% = WINDOW_NAME %>">
<input type="hidden" name="LoginName" value="">
<input type="hidden" name="Password" value="">
</FORM>
</table>
</td>
</tr>
<td bgcolor="#AA6615" align="center" height="23"><img src="images/default/bottom.jpg" height="23" width="469"></td>
</tr>
</table>
</BODY>
</HTML>

解决方案 »

  1.   

    <%@ Language=VBScript %>
    <% Option Explicit %>
    <!--#include file="System/ConstDefine.asp"-->
    <!--#include file="System/FunDefine.asp"-->
    <!--#include file="Detect.asp"-->
    <HTML>
    <HEAD>
    <title><% = TEXT_LOGIN_WELCOME %></title>
    <link rel="stylesheet" href="Common/Main.css">
    <style>
    body{
    margin:0 0 0 0 ;
    background-color:#f3f0e9;
    overflow:hidden;
    }
    </style>
    <%writeHTMLHeader "NoCache"%>
    <object id="WebBrowser" width=0 height=0 
    classid="CLSID:8856F961-340A-11D0-A96B-00C04FD705A2"></object>
    <SCRIPT ID=clientEventHandlersJS LANGUAGE=javascript>
    <!--
    function window_onload() {
    document.all.LoginName1.focus() ;
    }
    //-->
    </SCRIPT>
    <SCRIPT LANGUAGE=javascript>
    <!--
    var hWnd;
    function login(){
    document.Form1.LoginName.value = document.all.LoginName1.value ;
    document.Form1.Password.value = document.all.Password1.value ;
    document.all.Password1.value = '' ;
    if (hWnd == null){
    hWnd = openWin() ;
    document.Form1.submit() ;
    closeWin() ;
    hWnd.focus() ;
    }
    else{
    if (hWnd.closed){
    hWnd = openWin() ;
    document.Form1.submit() ;
    closeWin() ;
    hWnd.focus() ;
    }
    else{
    alert('<% = TEXT_YOU_HAVE_LOGINED %>');
    closeWin() ;
    hWnd.focus() ;
    }
    }
    }function openWin(){
    var hWnd
    hWnd = window.open('ProgressBar.asp','<% = WINDOW_NAME %>','height='+ new String(screen.availHeight-28) + ',top=0,left=0,width=' + new String(screen.availWidth-10) + ',location=no,menubar=no,resizable=no,toolbar=no'); 
    return hWnd ;
    }function filterKey() {
    if (event.keyCode == 13){
    if (event.srcElement.name == "Password1")
    document.all.Submit.click() ;
    else
    event.keyCode = 9 ;
    return false ;
    }
    else{
    return true ;
    }
    }function closeWin(){
    try{
    document.all.WebBrowser.ExecWB(45,1);
    }
    catch(e){
    };
    }//-->
    </SCRIPT>
    </HEAD>
    <body class="LoginPage" LANGUAGE=javascript onload="return window_onload()">
    <table border="0" cellpadding="0" cellspacing="0" width="100%" height="100%">
    <tr>
    <td align="center" valign="middle">
    <table border="0" cellpadding="0" cellspacing="0" width="345">
      <tr>
       <td><img src="images/default/spacer.gif" width="149" height="1" border="0"></td>
       <td><img src="images/default/spacer.gif" width="58" height="1" border="0"></td>
       <td><img src="images/default/spacer.gif" width="37" height="1" border="0"></td>
       <td><img src="images/default/spacer.gif" width="62" height="1" border="0"></td>
       <td><img src="images/default/spacer.gif" width="19" height="1" border="0"></td>
       <td><img src="images/default/spacer.gif" width="20" height="1" border="0"></td>
       <td><img src="images/default/spacer.gif" width="1" height="1" border="0"></td>
      </tr>   <tr>
       <td colspan="6"><img name="default_r1_c1" src="images/default/default_r1_c1.gif" width="345" height="33" border="0"></td>
       <td><img src="images/default/spacer.gif" width="1" height="33" border="0"></td>
      </tr>
      <tr>
       <td colspan="6"><img name="default_r2_c1" src="images/default/default_r2_c1.gif" width="345" height="34" border="0"></td>
       <td><img src="images/default/spacer.gif" width="1" height="34" border="0"></td>
      </tr>
      <tr>
       <td colspan="6"><img name="default_r3_c1" src="images/default/default_r3_c1.gif" width="345" height="47" border="0"></td>
       <td><img src="images/default/spacer.gif" width="1" height="47" border="0"></td>
      </tr>
      <tr>
       <td colspan="6"><img name="default_r4_c1" src="images/default/default_r4_c1.gif" width="345" height="51" border="0"></td>
       <td><img src="images/default/spacer.gif" width="1" height="51" border="0"></td>
      </tr>
      <tr>
       <td colspan="6"><img name="default_r5_c1" src="images/default/default_r5_c1.gif" width="345" height="57" border="0"></td>
       <td><img src="images/default/spacer.gif" width="1" height="57" border="0"></td>
      </tr>
      <tr>
       <td colspan="6"><img name="default_r6_c1" src="images/default/default_r6_c1.gif" width="345" height="54" border="0"></td>
       <td><img src="images/default/spacer.gif" width="1" height="54" border="0"></td>
      </tr>
      <tr>
       <td colspan="6"><img name="default_r7_c1" src="images/default/default_r7_c1.gif" width="345" height="41" border="0"></td>
       <td><img src="images/default/spacer.gif" width="1" height="41" border="0"></td>
      </tr>
      <tr>
    <td><img name="default_r8_c1" src="images/default/default_r8_c1.gif" width="149" height="19" border="0"></td>
    <td width="58" height="19" background="images/default/default_r8_c2.gif" valign="top"><INPUT TYPE="text" name="LoginName1" value="<%=Request.Cookies("CRM")("LoginName")%>" size="8" class="LoginInputBox1" onkeydown="javascript:filterKey() ; " onfocus="javascript:this.className = 'LoginInputBox2' ; " onblur="javascript:this.className = 'LoginInputBox1' ; "></td>
    <td><img name="default_r8_c3" src="images/default/default_r8_c3.gif" width="37" height="19" border="0"></td>
    <td width="62" height="19" background="images/default/default_r8_c4.gif" valign="top"><INPUT TYPE="password" name="Password1" size="8" class="LoginInputBox1" onkeydown="javascript:filterKey() ; " onfocus="javascript:this.className = 'LoginInputBox2' ; " onblur="javascript:this.className = 'LoginInputBox1' ; "></td>
    <td background="images/default/default_r8_c5.gif" width="19" height="19"><INPUT name="Submit" type="Button" class="ButtonLogin" value="<% = BUTTON_LOGIN %>" onclick="javascript:login() ; "></td>
    <td><img name="default_r8_c6" src="images/default/default_r8_c6.gif" width="20" height="19" border="0"></td>
    <td><img src="images/default/spacer.gif" width="1" height="19" border="0"></td>
      </tr>
      <tr>
       <td colspan="6"><img name="default_r9_c1" src="images/default/default_r9_c1.gif" width="345" height="35" border="0"></td>
       <td><img src="images/default/spacer.gif" width="1" height="35" border="0"></td>
      </tr>
    <FORM action="VerifyUser.asp" method="post" name="Form1" target="<% = WINDOW_NAME %>">
    <input type="hidden" name="LoginName" value="">
    <input type="hidden" name="Password" value="">
    </FORM>
    </table>
    </td>
    </tr>
    <td bgcolor="#AA6615" align="center" height="23"><img src="images/default/bottom.jpg" height="23" width="469"></td>
    </tr>
    </table>
    </BODY>
    </HTML>
      

  2.   

    <form onsubmit="return mm()">
    <input type=submit></form><script>
    function mm()
    {
      return confirm("这是一个例子, 根据此函数的返回值是true/false控制表单提交");
    }
    </script>
      

  3.   

    <html>
    <script language="javascript">
    function sub(i) {
    if( i == 1 ) {
      document.form1.submit();
    }
    }
    <body>
    <form name="form1" action="submit.asp">
    <input type="button" name="sub" value="ok" onclick="sub(1)">
    </form>
    </body>
    </html>
      

  4.   

    <html>
    <script language="javascript">
    function sub() 
    {
    document.form1.action = "send.asp";
    document.form1.submit();
    }
    </script>
    <body>
    <form name="form1">
    <input type="button" name="sub" value="ok" onclick="sub()">
    </form>
    </body>
    </html>