2014-10-06 56 views
0

我想知道是否有人可以帮助我。我无法找出我的Javascript代码。我仍然在学习所有这些(我不是最好的)。 Theres有几件事我不能去工作。当我提交这份表格时,它不会突出显示未被回答的内容(所有内容仅在提交时重置)。此外,我不知道如何计算数字或正确答案并显示它们。下载我的代码,如果任何人都可以帮助我,那会很棒。更新代码:验证JavaScript与计数

<!DOCTYPE html> 
<html> 
<head> 
<title>3 Questions</title> 
<meta charset="utf-8"> 
</head> 
<body> 

<form name="myForm" id="form1" onsubmit="return FormValidation()";> 
<div class="q1"> 
    1) Spell Java?<br/> 
    <input type="text" id="q1" name="name"/><br/> 
</div> 
<div class="q2"> 
    2) What does .org mean?<br/> 
    <input type="radio" id="network" name="net"/>Network 
    <input type="radio" id="organ" name="org"/>Organization 
</div><br/><br/> 
<div class="q3"> 
    3) Who won the last Superbowl?<br/> 
    <select name="team"> 
     <option value="sea" id="hawks" name="sea">Seattle Seahawks</option> 
     <option value="broncos" id="denver" name="broncos">Denver Broncos</option> 
    </select> 
</div><br/><br/> 

<input type="submit" value="Submit"> 
</form> 

<script> 
function FormValidation(){ 

if document.getElementById(q1).style.borderColor = "red"; 


if document.getElementById(denver).style.borderColor = "red"; 
else if document.getElementById(hawks).style.borderColor = "green"; 
return false 

if document.getElementById(network).style.borderColor = "red"; 
else if document.getElementById(organ).style.borderColor = "green"; 
return false 

} 
</script> 
</body> 
</html> 
+0

“if”语句的语法无效。你没有在控制台中获取语法错误信息吗? – Barmar 2014-10-06 00:44:57

+0

不,只是“刷新”页面 – Joe 2014-10-06 00:58:16

+0

您仍然有不正确的if语句语法。它是'if(condition){true-body} else {false-body}' – Barmar 2014-10-06 01:33:37

回答

0

你的例子有很多错误。

首先,你应该始终return false;或表单事件(通过参数传送给onsubmit处理传入呼叫preventDefault()。如果不返回false或的preventDefault您的页面将重新加载,你是在少数情况下返回true 。

另一个问题是像document.myForm.csi.value的东西是不是一个东西,你应该在你的输入元素可能设定ID和使用document.getElementById()得到他们,这或使用的查询选择(通常人们使用jQuery,但你不')

另一件事是,ids应该永远是唯一的,你有一对夫妇是共享的d。

最后要看看selectIndexed。

对于无线电输入,您可能需要遍历这些输入并查看检查了哪些输入。

+1

'document.myform.csi.value'是一件事情。文档中的所有表单都是“文档”的属性,并且表单中的所有输入都是表单的属性。这是访问Javascript中表单输入的早期方式,现在并不常见。 – Barmar 2014-10-06 00:46:31

+0

@Barmar在他的例子中不是一件事情。 'csi'在JavaScript中,但不在标记中。 – 2014-10-06 00:56:48

+0

我更新了我的代码,如果你想检查出来...我是一个缓慢的学习者(我有癫痫症),所以定义将不胜感激 – Joe 2014-10-06 01:09:41