2013-10-04 22 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

相關問題