验证文本框内容

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/

干杯！

验证文本框内容

Verifying text box content

html

javascript

jquery

textbox

button