验证文本框内容

时间:2015-03-29 18:54:56

标签: javascript jquery html button textbox

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

3 个答案:

答案 0 :(得分:0)

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

document.getElementbyId() 

功能

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

答案 1 :(得分:0)

<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 所说,您正在将按钮传递给该功能。你必须抓住输入值。

答案 2 :(得分:0)

这个快速的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/

干杯!