正在验证文本框内容

Verifying text box content

本文关键字：文本 验证      更新时间：2023-09-26

我有这个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的输出。

<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所说，您正在将按钮传递给函数。您必须获取输入的值。

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

document.getElementbyId()

功能

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

此快速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/

干杯！

相关文章：