形式測驗驗證收音機，文本，選擇

我有一個3問題測驗，我做了。我只是不知道我需要使用的其他Javascript代碼。一旦提交測驗，它需要驗證所有問題都有答案（我不想使用警報或提示說你沒有做這個或那個 - >我想用它的樣式來顯示旁邊的紅色星號。我希望它能顯示正確答案的數量例子：我得到3中的2個右邊它將顯示我得到2右（我想要使用appendChild）以下是我如何設置到目前爲止：形式測驗驗證收音機，文本，選擇

<!DOCTYPE html> 
<html> 
<head> 
<title>Quiz</title> 
<meta charset="utf-8"> 

</head> 
<body> 

<form action="" method="post" onsubmit="return FormValidation()";> 

<div class="question1"> 
    1) What is your first name?<br/> 
    <input type="text" id="firstname" name="name"/><br/><br/> 
</div> 

<div class="question2"> 
    2) What is 5 + 5?<br/><br/> 
    <input type="radio" id="10" name="10"/>10 
    <input type="radio" id="10" name="9"/>9 
    <input type="radio" id="10" name="11"/>11 
</div><br/><br/> 

<div class="question3"> 
    3) What happened a long time ago in a galaxy far far away?<br/><br/> 
    <select> 
     <option value="hp">Harry Potter</option> 
     <option value="twi">Twilight</option> 
     <option value="star">Star Wars</option> 
    </select> 
</div><br/><br/> 


</form> 

<script> 
function FormValidation(){ 
var fn=document.getElementById('firstname').value; 
if(fn == ""){ 
document.getElementById('firstname').style.borderColor = "red"; 
return false; 
}else{ 
document.getElementById('firstname').style.borderColor = "green"; 
} 

} 
</script> 

</body> 
</html>

來源

2014-10-05 Chad

我只是看着這樣的：javascript validation for empty input field 讓表單name屬性，和你輸入字段的名稱屬性爲好，那麼你可以這樣做var a=document.forms["Form"]["ans_a"].value;與

查詢

您還可以確定有多少正確使用這種方法了，

var expectedAnswer1 = "George Washington" 
if(a===expectedAnswer1){ 
    correctAnswerCount++ 
}

來源

2014-10-05 21:22:10

形式測驗驗證收音機，文本，選擇

回答

相關問題