window.steTimeout与 Submit


function a()
{
   alert("开始做事")
}
function b()
{
  window.steTimeout(a,5000)
}
<input type="button" value = "OK" onclick="b()">
<input type="submit" value = "OK" onclick="b()">
现在的问题是button按钮可以延时响应，5秒后执行a方法
submit却是瞬时执行a方法高手来解释一手！
浏览器为IE7

解决方案 »

  1.   

    没法解释，因为完全没有发生 lz 所说的状况！ <!-- 5s 后执行 a() -->
    <input type="button" value = "OK" onclick="b()">
    <!-- 页面立刻提交，根本不会等待！ -->
    <input type="submit" value = "OK" onclick="b()">L@_@K
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
     </head> <body>
    <script type="text/javascript">
    <!--
    function a()
    {
       alert("开始做事")
    }
    function b()
    {
    window.setTimeout(a,5000);
    }
    //-->
    </script>
    <form method="post" action="test.html">、
    <!-- 5s 后执行 a() -->
    <input type="button" value = "OK" onclick="b()">
    <!-- 页面立刻提交，根本不会等待！ -->
    <input type="submit" value = "OK" onclick="b()">
    </form>
     </body>
    </html>
      

  2.   

    button 就单纯是按钮功能 执行onclick事件
    submit 是发送表单 点击之后直接将数据提交的服务器端，不会对鼠标的mousepressed等操作进行处理，也不触发脚本
      

  3.   

     window.steTimeout(a,5000)
    这个写的也不对呀。
    应该是： window.setTimeout(a,5000)
      

  4.   

    Submit是专门用于提交表单的Button，与Button的区别主要有两点： 
        (1)Submit将表单提交(form.submit())作为其onclick后的默认事件，Button并非如此。    (2)表单提交时，所有具有name属性的html输入元素(包括input标签、button标签、select标签等)都将作为键值对提交，除了Submit对象。Submit对象只有在自己被单击后的提交中才会作为键值对被提交。    Button元素可以通过指定type=submit来获得第一个特性，但是不会同时获得第二个特性。
      

  5.   

    拼写错误改过来就行了
    听了4楼的一席话  有点明白了
    我的目的是想实现延缓提交的效果,就是在提交之前，弹出一个提示信息
    看来一个按钮不能实现
     改用2个button 才行 
    我目前只想到这种方法 不知还有没有其他的方法？
    function add()
    {
        document.getElementById("msg").innerHTML = "正在处理中,请稍候...";
        window.setTimeout(function(){document.getElementById("btnSubmit").click();},5000);
    }
    <input type="button" value = "OK" onclick="add()">
    <div id="msg"></div>
    <input type="submit" value = "OK" id="btnSubmit" style="display:NONE">  
      

  6.   


    function b()
    {
      window.steTimeout("a()",5000)；
      window.steTimeout("form1.submit()",6000)；}
    <input type="button" value = "OK" onclick="b()">
      

  7.   

    try...
    <SCRIPT language=javascript>
    function b()
    {
      if(confirm("确认提交？")){
       return true;
      }
      return false;
    }
    </SCRIPT>
    <form onsubmit="return b();">
    <input type="submit" value = "OK">
    </form>
      

  8.   

    试试调用完b()后加一句return false; 不让它提交
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
      <title> new document </title>
      <meta name="generator" content="editplus" />
      <meta name="author" content="" />
      <meta name="keywords" content="" />
      <meta name="description" content="" />
     </head> <body>
    <script type="text/javascript">
    function a()
    {
       alert("开始做事")
    }
    function b()
    {
        window.setTimeout(a,5000);
    }
    </script>
    <form method="post" action="test.html">
        <input type="button" value = "OK" onclick="b()">
        <input type="submit" value = "OK" onclick="b();return false;">    
    </form>
     </body>
    </html>