2012-11-27 205 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函數。

謝謝所有同樣的傢伙。