web-dev-qa-db-ja.com

JavaScriptまたはJqueryでTextareaが空かどうかを確認する方法

Textareaに何も含まれていないかどうかを確認するにはどうすればよいですか？

私はこのコードを試してみました

if(document.getElementById("field").value ==null)
{
    alert("debug");
    document.getElementById("field").style.display ="none";
 }

しかし、それは私が期待することをしません。メッセージボックス「デバッグ」が表示され、テキストエリアが表示されないことを期待しています。

どうすればその問題を修正できますか？

javascriptjqueryjavascript-events
18
streetparade

値がNULLではなく== ""かどうかを確認します。

if(document.getElementById("field").value == '')
{
    alert("debug");
    document.getElementById("field").style.display ="none";
}

[〜＃〜]更新[〜＃〜]

A 使用例

そして TRIMを使用する別の1つ スペースを投稿しないようにする場合

TRIM（）の実装

String.prototype.trim = function() {
  return this.replace(/^\s+|\s+$/g,"");
}
30
Marcos Placona

次のjQueryを使用して、空白をエスケープすることもできます。

if($("#YourTextAreaID").val().trim().length < 1)
{
    alert("Please Enter Text...");
    return; 
}
6
isuru

nullとemptyには違いがあります！

代わりにこれを試してください：

if(document.getElementById("field").value == "")
{
    alert("debug");
    document.getElementById("field").style.display ="none";
}
0
Sarfraz