Этот код «работает» – кнопка отключена и форма отправляется. Счастливые дни.
<form action="timestable_update.php"> <input type="submit" value="Bank Your Score" name="submitbtn" onclick="this.disabled=true; this.form.submit();"> </form> Этот код не работает (я смотрю на кнопку id = "btn") … все, что происходит, это то, что кнопка отключается, но никакая передача не выполняется …
<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>
Есть идеи о том, почему?
Это код целиком …
<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>
Проблема заключается в атрибуте name="submit" на второй кнопке. Это вызывает проблему с Chrome, поскольку она переопределяет функцию submit() для вашей формы, что приводит к ошибке, которую FirstOne наблюдал в своем комментарии:
Uncaught TypeError: this.form.submit is not a function
Если вы выберете другое имя (как и для первой кнопки), оно должно работать нормально.