javascript onblur() 不工作

Question

我有一个文本框，需要在 onblur() 事件之后进行验证。应该有错误消息，当且仅当文本框为空时，否则网页上不会显示任何消息。但我认为 javascript 的 if 部分每次都在执行。

<input placeholder="First Name" type="text" name="fname" onblur="validatefname()">

Javascript 函数

function validatefname(){
    var fn=document.getElementsByName("fname").value;
    if(fn==null || fn==""){
        document.getElementById("bubble").style.visibility="visible";
        return false;
    }
    else{
        document.getElementById("bubble").style.visibility="hidden";
        return true;
    }
}

请告诉我这里出了什么问题？

Answer 1

getElements 按名称返回一组DOM元素s，所以你需要

var fn=document.getElementsByName("fname")[0].value;