简单年龄的JS形式不起作用
[英]Simple age JS form doesn't work
问题描述
我是JavaScript的新手，并且正在练习从html表单获取内容。 我不想让一个日期选择器残废。 只是检查。 这是一些代码：
<html>
<title>JavaScript example</title>
<script type="text/javascript">
function onload() {
var age = document.getElementById('v').value;
var res = (age >= 18) ? "Adult" : "Minor";
}
function open(){
alert(res);
}
</script>
<body onload="onload();">
<input type="text" name="AREA" value="" id="v"/>
<input type="button" value="click" onclick="open();"/>
</body>
</html>
我的HTML可以正常工作，但是当我单击按钮时，所有页面都变成空白，什么也没有。 一些帮助？
1 个解决方案
解决方案1
2 已采纳 2015-05-12 18:45:52
您有两个问题：
- 正如其他人指出的那样，由于您在onload函数中定义了
res变量，因此它是该函数的局部变量，而open函数则看不到它。 - 另一个导致页面空白的问题是使用为函数
open的名称。 JavaScript具有document.open函数，当您单击按钮时，就在调用它。 为了避免这种情况，我将您的函数重命名为其他名称。
最后一点，您可能不想在加载时运行第一个函数，因为输入尚无值。 jsFiddle示例
简单表单提交不起作用
声明:本站的技术帖子网页，遵循CC BY-SA 4.0协议，如果您需要转载，请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.