2013-10-04 19 views
0

我希望能够在输入文本字段中输入大于0的数字时触发div容器中的某个输出并点击提交按钮。我不确定我做错了什么。任何帮助将不胜感激!我无法根据输入到文本字段中的编号返回特定的输出

HTML

<!DOCTYPE html> 
<html> 
<head> 
<title>Button Magic</title> 
<link rel='stylesheet' type='text/css' href='Jquery.css'/> 
<script type="text/javascript" src="Jquery.js"></script> 
</head> 

<body> 

<!-- Input Field--> 
<input type="text" id="first" maxlength="6" placeholder="0.00"> 

<!-- Span --> 
<span>< Type here</span> 

<!-- Submit --> 
<button onclick="submitNumber()">Submit</button> 

<!-- Output --> 
<div id="textOutput"> 
Are you correct? 
</div> 

</body> 
</html> 

JAVASCRIPT

function submitNumber() { 

textInput = document.getElementById('first'); 
textOutput = document.getElementById('textOutput'); 

if (textInput > 0) { 
textOutput.innerHTML = 'Correct!'; 
} else { 
textOutput.innerHTML = 'Incorrect!'; 
} 
} 

回答

1

document.getElementById('first')返回DOM元素,输入字段的不是价值,就需要读取输入元素

value财产
textInput = document.getElementById('first').value; 
textOutput = document.getElementById('textOutput'); 

演示:Fiddle

1

您需要检查的DOM元素的变量textInput值,你检查的元素document.getElementById('first'))来代替,你可以使用.value属性输入元素的值:

if (textInput.value > 0) { 

Demo

相关问题