使用count验证javascript
我想知道是否有人能帮我。我很难理解我的Javascript代码。我仍然在学习这一切(我不是最好的)。有几件事我不能去上班。当我提交此表单时,它不会突出显示未回答的内容(它所做的只是在提交时重置)。我也不知道如何计算数字或正确答案并显示出来。这是我的密码,如果有人能帮我,那就太好了。更新代码:使用count验证javascript,javascript,Javascript,我想知道是否有人能帮我。我很难理解我的Javascript代码。我仍然在学习这一切(我不是最好的)。有几件事我不能去上班。当我提交此表单时,它不会突出显示未回答的内容(它所做的只是在提交时重置)。我也不知道如何计算数字或正确答案并显示出来。这是我的密码,如果有人能帮我,那就太好了。更新代码: <!DOCTYPE html> <html> <head> <title>3 Questions</title> <meta charset
<!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>
3个问题
1) 拼写Java?
2) .org是什么意思?
网络
组织机构
3) 谁赢得了上一届超级碗?
西雅图海鹰
丹佛野马队
函数FormValidation(){
如果document.getElementById(q1).style.borderColor=“红色”;
如果document.getElementById(丹佛).style.borderColor=“红色”;
否则如果document.getElementById(hawks.style.borderColor=“绿色”;
返回错误
如果document.getElementById(网络).style.borderColor=“红色”;
否则,如果document.getElementById(Organe.style.borderColor=“绿色”;
返回错误
}
你的例子有很多错误
首先,您应该始终返回false对表单事件(通过参数传递给onsubmit处理程序)调用code>或preventDefault()
。如果不返回false或preventDefault,则将重新加载页面。在少数实例中返回true
另一个问题是像document.myForm.csi.value
这样的东西不是什么东西。您可能应该在输入元素上设置ID,并使用document.getElementById()
来获取它们,或者使用查询选择器(通常人们使用jQuery,但您不必使用它)
另一件事是ID应该是唯一的。你有两个是共享的
最后,要获得一个select,您必须查看selectedIndex
对于无线电输入,您可能希望遍历这些输入,并查看检查的是哪个。您的if
语句的语法无效。您不是在控制台中收到语法错误消息吗?不,只是“刷新”页面您仍然有不正确的if
语句语法。这是if(condition){true body}else{假体}
您还需要在字符串周围加上引号,如denver
和hawks
。您需要先学习基本的Javascript语法,然后才能希望使用它编写应用程序。由于函数的语法无效,因此没有定义它,因此提交它只是正常的表单提交。您是否费心看一下Javascript控制台?document.myform.csi.value
是一个东西。文档中的所有表单都是document
的属性,表单中的所有输入都是表单的属性。这是Javascript中访问表单输入的早期方法,现在已经不常见了。@Barmar在他的示例中这不是一个东西。csi
在Javascript中不在标记中。如果你想查看,我更新了我的代码…我学习速度很慢(我患有癫痫症),所以很多定义都会很受欢迎。我认为你应该在CodeAcademy上查看JavaScript教程,或者阅读一本书或其他东西,这样你会有一个更轻松的时间。请查看或阅读一些Wrox或Oreilly的书籍。