0

競技会でラジオボタンを検証しようとしていますが、そのマルチステップにより、ラジオボタンが選択内容をエントリーフォームページに投稿します。

現在、何も選択されていない場合に送信をブロックするのに問題があり、スクリプトをまとめましたが、機能していません。

HTML:

<form name="radioOptions" method="post" action="#" onsubmit="return validateForm()">
<ul>
  <li><input type="radio" name="question" id="question1" value="questionL1">Miami</li>
  <li><input type="radio" name="question" id="question2" value="questionL2">Washington</li>
  <li><input type="radio" name="question" id="question3" value="questionL3">Rome</li>
  <li><button class="enterButton" name='submit' type='submit' /></button></li>
</ul>
</form>​

脚本：

function validateForm() {
    var radios = document.getElementsByName("question");
    var formValid = false;

    var i = 0;
    while (!formValid && i < radios.length) {
        if (radios[i].checked) formValid = true;
        i++;        
    }

    if (!formValid) alert("Must check some option!");
    return formValid;
}​

また、ここでフィドルでそれを持っています

これに関するいくつかの助けをいただければ幸いです。

4

1 に答える 1

0

私が何かをしたかどうかは完全にはわかりませんが、私が持っていた正確なコードが突然機能しています。

@Pow-Lan、return の代わりに「javascript:」を使用しても、ページが post 関数を実行するのをブロックしません。

同じ人たちに感謝します。

于 2012-11-28T05:22:41.193 に答える