如何在JavaScript中保留文本框是否为空

Question

我想显示＆＃34;无效名称＆＃34;当它是空的时，在我的文本框旁边。 这是我的JavaScript代码，用于检查＆＃34;空名称＆＃34;

function checkName(field) {
            var mystring = document.getElementById('na2').value;
            if (mystring===""||mystring==""||mystring==null||mystring==undefined) {
                document.getElementById('na1').innerHTML = 'Invalid!!!!!!!'
            }
        }

然而，＆＃34;无效的消息＆＃34;没有显示。

Answer 1

您可以使用

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

或

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

工作示例：

Answer 2

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 = '';
    }
}