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

还可以将它放在HERE

之上

非常感谢对此的一些帮助。

Answer 1

不完全确定我是否做了什么，但我的确切代码突然正常工作。

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

谢谢所有同样的人。

在提交时验证单选按钮

1 个答案: