web-dev-qa-db-ja.com

Javascriptでテキストボックスが空かどうかを確認する

テキストボックスと送信ボタンを使用して単純な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){}

およびその他ですが、正しく機能しているものはありません。誰か別のアイデアがありますか？

javascripthtmltextbox
10
Zach Brantmeier

これである必要があります：

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
}

=は値を割り当てますが、==値が等しいかどうかをチェックします。

17
h0ussni

雷を盗もうとせず、代わりを提供するだけです...

isEmpty関数を作成して、さまざまなアイテムで再利用します。

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

次に、それを任意の要素に適用できます。

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

完全にオリジナルではなく、その概念はPHPから盗まれましたが、非常に便利です。

3
PlantTheIdea