форма проверки викторины радио, текст, выберите

99
8

У меня есть три вопроса, которые я сделал. Я просто не могу определить остальную часть кода Javascript, который мне нужно использовать. После отправки викторины ему необходимо подтвердить, что у всех вопросов есть ответы (я не хочу использовать предупреждение или высказывать свое мнение о том, что вы не делали этого или того → Я хочу его стилизовать так, чтобы отображать красную звездочку рядом с ним. Я бы хотел, чтобы он отображал количество правильных ответов. Пример: я получаю 2 из 3 вправо. Он отображает, что у меня есть 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-06T00:11:00+04:00 6 лет назад
1
Решение
121

Я просто посмотрел на это: проверка javascript для пустого поля ввода. Дайте вашей форме атрибут имени и ваши атрибуты имен полей ввода, а затем вы можете сделать что-то вроде var a=document.forms["Form"]["ans_a"].value; и проверьте

if(a===null){
//apply your style with a red asterisk here, or append a red asterisk element
}

Вы также можете определить, сколько из них получилось с таким подходом,

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

ответил(а) 2014-10-06T00:22:00+04:00 6 лет назад
Ваш ответ
Введите минимум 50 символов
Чтобы , пожалуйста,
Выберите тему жалобы:

Другая проблема