javascript - 不断获取文本输入的值

Question

对于以下代码:

<script>
var text = document.form.text.value;
function test() {
    if(text == "" || text == null){
        alert('No value');
        return false
    }else{
        alert(text);
        }
};
</script>
<form>
<input type="text" name="text" id="text_one"/>
</form><a id="button" onClick="test();">Enter</a><br />
<div id="title_box"></div>

为什么即使已经写入了某些内容，它仍然会警告“无值(value)”？必须做什么才能每次输入新值时，函数都会获取新值而不是旧值？

Answer 1

function test() {
    text = document.forms[0].text.value; 
    if(text == "" || text == null){
        alert('No value');
        return false;
    }else{
        alert(text);
        }
};

将文本变量放入函数内。另外，请注意 document.forms[0] 的使用，或按照建议给出表单名称/id。