2012-11-27 147 views
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; 
}​ 

也有它的小提琴在HERE

一些帮助,这将不胜感激。

回答

0

不完全确定我是否做了任何事情,但是我的确切代码突然生效。

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

谢谢所有同样的家伙。