forms - 在提交时验证单选按钮

Question

我正在尝试验证比赛中的单选按钮，它是多步骤的，因此单选按钮将选择发布到参赛表格页面。

如果没有选择任何内容，目前无法阻止提交，将脚本放在一起但无法正常工作。

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;
}​

也可以在这里摆弄一下

对此的一些帮助将不胜感激。

Answer 1

不完全确定我是否做了任何事情，但是我的确切代码突然起作用了。

@Pow-Lan，使用“javascript:”代替 return 不会阻止页面运行 post 函数。

感谢所有同样的人。