检查文本框是否在Javascript中为空

时间:2013-11-08 15:13:48

标签: javascript html textbox

我用文本框和提交按钮编写了一个简单的html文件,它生成和document.write是一个取决于你提交的内容的响应。我想让它生成一个响应,如果框是空的,则输入内容。文本框的id是chatinput,所以我在开头有以下代码

    var chatinput_box=document.getElementById('chatinput');
    var chatinput=chatinput_box.value;

然后一个有条件的,虽然我不能让它正常工作;我试过了

    if(chatinput==""){}
    if(chatinput.length=0){}
    if(chatinput=null){}

和其他人但没有一个正常工作。有没有人有另一个想法?

2 个答案:

答案 0 :(得分:16)

应该是这样的:

var chatinput = document.getElementById("chatinput").value;
if (chatinput == "" || chatinput.length == 0 || chatinput == null)
{
    // Invalid... Box is empty
}

或缺点:

if (!document.getElementById("chatinput").value)
{
    // Invalid... Box is empty
}

=分配一个值,而==检查值是否相等。

答案 1 :(得分:3)

只是提供另一种选择,而不是试图窃取雷声......

创建isEmpty函数以在各种项目上重复使用。

function isEmpty(val){
    return ((val !== '') && (val !== undefined) && (val.length > 0) && (val !== null));
}

然后你可以将它应用到你想要的任何元素:

if(!isEmpty(chatinput)){
    // hooray its got a value!
}

不完全原创,它的概念是从PHP窃取的,但它派上用场了很多。