Por que isso 'onClick disable = true; this.form.submit (); ' trabalhar em um botão, mas não em outro?

Question

Jul 10, 2016, 05:29 PM

Por que isso 'onClick disable = true; this.form.submit (); ' trabalhar em um botão, mas não em outro?

Este código 'funciona' - o botão está desativado e o formulário é enviado. Dias felizes.

    <form action="timestable_update.php">
    <input type="submit" value="Bank Your Score" name="submitbtn" onclick="this.disabled=true; this.form.submit();">
</form>

Esse código não funciona (estou olhando para o botão id = "btn") ... tudo o que acontece é que o botão desativa, mas nenhum envio acontece ...

<form method= "post" action="timestable_submit.php">

        <input type="hidden" name=b value=<?php echo $f;?>>
        <input type="hidden" name=c value=<?php echo $s;?>>
        <input type="submit" name="submit" id="btn" value="<?php echo $d;?>" onclick="this.disabled=true; this.form.submit();">
        <input type="submit" name="submit" id="btn2" value="<?php echo $w1e;?>">

        <input type="submit" name="submit" id="btn3"  value="<?php echo $w2e; ?>">
        </form>

alguma ideia do por que?

Este é o código em sua totalidade ...

<html>
    <head>
        <!--------------timer---------------->
       <script type="text/javascript">
        var interval;
        var minutes = 0;
        var seconds = 05;
        window.onload = function () {
            countdown('secondsleft');
        }

        function countdown(element) {
            interval = setInterval(function () {
                var el = document.getElementById(element);
                if (seconds == 0) {
                     el.innerHTML = "Time is Up!"; 
                    window.location.assign("timestable_timeout.php")
                    if (minutes == 0) {
                        clearInterval(interval);
                        return;
                    } else {
                        minutes--;
                        seconds = 60;
                    }
                }
                el.innerHTML = seconds;
                seconds--;
            }, 1000);
        }
    </script>

        <!------------------ timer end ------------>
        <style>
            input[type='submit']{
                position: absolute;
                width: 300;
                height: 50;
                color: white;
                background: red;
                 font-size:100%;
            }
        </style>


                </head>
    <body>

        Level: 1<br>Staff, your score so far is: 0      
        <br>Click on the answer to:     2x11    

        <form method= "post" action="timestable_submit.php">

        <input type="hidden" name="b" value="2">
        <input type="hidden" name="c" value="11">
        <input type="submit" name="submit" id="btn" value="22" onclick="this.disabled=true; this.form.submit();">
        <input type="submit" name="submit" id="btn2" value="100">

        <input type="submit" name="submit" id="btn3"  value="30">
        </form>
        <!------ timer----->
        <h1><div id="secondsleft"></div></h1>


    <script>

var btn = document.getElementById("btn");
btn.style.top = 553+ "px";
btn.style.left = 408 + "px";

var btn2 = document.getElementById("btn2");
btn2.style.top = 452+ "px";
btn2.style.left = 290 + "px";

var btn3 = document.getElementById("btn3");
btn3.style.top = 503+ "px";
btn3.style.left = 542 + "px";
        </script>
</body></html>