如何在JavaScript中保留文本框后立即检查文本框是否为空

当文本框为空时，我想在文本框旁边显示“无效名称”。 下面是我的JavaScript代码，用于检查“空名称”

但是，“无效消息”不会显示。

您可以使用

function checkTextField() {
    if (document.getElementById('na2').value == '') {
        document.getElementById('na1').innerHTML = 'Invalid';
    }
}

或

---

工作示例：

将

if（mystring==“”| | mystring==“”| | mystring==null | | | mystring==undefined）

替换为

if（mystring==“”| | mystring==null | | | mystring==undefined）

。编辑：在@Danielhigas指出错误后更正。na1和na2是什么？你有分配给事件的函数吗？@SatejS你有mystring==“”两次。我相信他想在html标记中显示文本，而不是作为警报。你的答案可能是正确的，但是请解释此代码如何回答问题，以便未来的搜索者能够了解其背后的原因。

function checkTextField() {
    if (document.getElementById('na2').value == '') {
        document.getElementById('na1').innerHTML = 'Invalid';
    }
}

function checkTextField() {
    if (!document.getElementById('na2').value) {
        document.getElementById('na1').innerHTML = 'Invalid';
    }
}

function checkTextField() 
{
    // if there's no value entered within the textbox
    if (!document.getElementById('na2').value) 
    {
        // Change the inner html of the error element from "" to invalid
        document.getElementById('na1').innerHTML = 'Invalid';
    }
    // otherwise there must be data present
    else
    {
        // Remove the inner html and re-set it to an empty string
        document.getElementById('na1').innerHTML = '';
    }
}