表单字段验证不起作用

Question

我有一些表单验证代码似乎无法正常工作，但我不明白为什么。

function isTextFieldEmpty(textField){
    //return true or false depending on whether or not there is any text in the field

        console.log("Checking to see if the current field is empty...");

    var val = textField.value;          //val is the text from the current field
        console.log("The current value of 'val' is: " + val);
    if(val.length < 1){
        return true;
    }else{
        return false;
    }

}

我得到的错误是：“未捕获的类型错误：无法读取未定义的属性‘长度’”。果然，我的控制台日志显示“val”的值是未定义。

我确信我错过了一些东西，但我仍在学习 JS，不知道它是什么。有什么建议吗？

---

编辑：这是我传递给函数的内容：

var uName = document.getElementById("unionname");
var noUnionName = isTextFieldEmpty(uName);

“unionname”是我尝试验证的文本字段的 id。这是相关的 HTML：

    <div class="formBox">
        <label for="unionname">Union Name</label>
        <input type="text" name="unionname" id="unionname" value="" class="wide"/>
        <span class="feedback good">Sample good message</span>
    </div>

Answer 1

您正在该函数中本地声明 var val 。尝试通过将其放在脚本的顶部来全局声明它；不需要设置，只需声明即可。

Answer 2

我已经让它工作了。看来验证功能没问题；问题出在我调用它的方式上。

window.onload = justDoIt;

function justDoIt() {

    var uName = document.getElementById("unionname");

    uName.onblur = function(){
        clearMessages(uName);       // clear out old feedback for this field

        var noUnionName = isTextFieldEmpty(uName);

这就是我最终调用该函数的方式。

---

具有讽刺意味的是，我在上一个示例中遗漏的错误 .onblur 代码似乎可能是导致我的问题的原因。但我真的不确定。