Question

我有这个javascript函数：

function checkTextField(field) {
    if (field.value == '') {
        log("Field is empty");
    } else {
        log( 'You: ' + field.val);
        log( 'You2: ' + field.val);
        send(field.val);
        $('#message').val('');
    }
}

这个html文本框和按钮：

<input type="text" id='message'>
<button type="button" onclick="checkTextField(this);">Send</button>

任何想法为什么如果盒子是空的，它没有正确检查？它总是给出if的输出，而不是else的输出。

Answer 1

除了说明错误使用此注释的评论外，您还可以调用

document.getElementbyId()

功能

用法示例：https://developer.mozilla.org/en-US/docs/Web/API/Document/getElementById

Answer 2

<input type="text" id="message">
<button type="button" onclick="checkTextField();">Send</button>

function checkTextField() {
    var value = $('#message').val();

    if (value === '') {
        log("Field is empty");
    } else {
        log( 'You: ' + value);
        log( 'You2: ' + value);
        send(value);
        $('#message').val('');
    }
}

正如 Teemu 所说，您正在将按钮传递给该功能。你必须抓住输入值。

Answer 3

这个快速的JS函数正在检查字段是否为空（使用纯JS）

<input type="text" id="sometext" value="" />
<input type="button" id="check" onclick="check();" value="Check if empty" />

function check() {
    if(document.getElementById("sometext").value == '') {
        alert('Field is empty');
    }
    else {
        alert('Field is not empty');
    }
}

这是一个JSFiddle，看它工作https://jsfiddle.net/yqnrut94/

干杯！

验证文本框内容

3 个答案: