-6

さて、私は2つの状態を持つボタン（HTML、JavaScriptなど）を作成する必要があります。

まず、クリックするとカウントダウンが開始され、ユーザーにフォームの確認を強制します。そして、カウントダウンが終了すると、同じボタンがフォームを送信します。どうすればよいですか？

このシステムでは編集や削除が行われないため、フォームに完全に入力する必要があります。私はJavaScriptでこの関数を試しました：

<script language="JavaScript">
var contador = 10;

alert("Verifique os dados");
function conta() {

document.getElementById("btn").disabled=true;
if(contador==0) {
document.getElementById("btn").disabled=false;
return false;
}

contador = contador-1;
setTimeout("conta()", 1000);

document.getElementById("valor").innerHTML = contador;
}

10

カウントダウンですが、これでは2番目の状態はできません

申し訳ありませんが、ここでの最初の試みです

4

2 に答える 2

1

http://jsfiddle.net/z2J3B/2/

関数を頭の中に入れる

function test() {
    var submit = document.getElementById("submit");
    var message = document.getElementById("message");
    if (submit.className == "check") {
        submit.setAttribute("disabled");
        var inc = 10;
        message.innerHTML = "you have " + inc + " seconds left, check the form";
        var interval = setInterval(function () {
            inc--;
            message.innerHTML = "you have " + inc + " seconds left, check the form";
            if (inc <= 0) {
                clearInterval(interval);
                message.innerHTML = "you can now submit the form";
                submit.removeAttribute("class");
                submit.removeAttribute("disabled");
            }
        }, 1000);
        return false;
    }
}
于 2013-01-22T18:01:48.230 に答える
0

HTML ボタンには「無効」プロパティがあります。ボタンのテキスト (「値」と呼ばれる) といくつかのタイマーの変更と組み合わせます。

ただし、注意してください。これはユーザーを悩ませます。

于 2013-01-22T17:37:33.487 に答える