web-dev-qa-db-ja.com

テキストエリアから値を取得

「 "」と等しくないときにtextareaフィールドから値を取得する方法。

このコードを試しましたが、textareaにテキストを入力すると、alert()が機能しません。修正方法は?

<textarea name="textarea" placeholder="Enter the text..."></textarea>

$(document).ready(function () {
    if ($("textarea").value !== "") {
        alert($("textarea").value);
    }

});
44
user2077469

.val()を使用してtextareaの値を取得し、$.trim()を使用してスペースを空にします。

$(document).ready(function () {
    if ($.trim($("textarea").val()) != "") {
        alert($("textarea").val());
    }
});

または、ここにきれいなコードのために何をするか、

$(document).ready(function () {
    var val = $.trim($("textarea").val());
    if (val != "") {
        alert(val);
    }
});

デモ: http://jsfiddle.net/jVUsZ/

13
Muthu Kumaran

バニラJS

document.getElementById("textareaID").value

jQuery

$("#textareaID").val()

他の方法でやり直すことはできません(あなたが何をしているかを知ることは常に良いことです)

document.getElementById("textareaID").value() // --> TypeError: Property 'value' of object #<HTMLTextAreaElement> is not a function

jQuery:

$("#textareaID").value // --> undefined
124
Mars Robertson
$('textarea').val();

textarea.valueは純粋なJavaScriptですが、ここではJavaScriptを無効なjQueryメソッド(.value)として使用しようとしています。

1
James Donnelly

val()メソッドを使用します。

$(document).ready(function () {
    var j = $("textarea");
    if (j.val().length > 0) {
        alert(j.val());
    }
});
0
silly

val()を使用:

 if ($("textarea").val()!== "") {
        alert($("textarea").val());
    }
0
Zaheer Ahmed