如何使用 javascript 获取 textarea 值

Question

我想让提交事件依赖于 textarea 值。 因为我想检查 textarea 是否有效。 所以当我使用 javascript 函数 getElementByid 时，它的结果是占位符值。

我只是想知道我该如何解决它。

<div class="clearfix">
    <div class="input">
        <textarea name="comment" id="comment" placeholder="<?php _e("Your Comment Here", "bonestheme"); ?>" tabindex="4" style="border:1px solid #cbcbcb; resize:none"></textarea>
    </div>
</div>

<div class="form-actions">
  <input class="btn-commnet" name="submit" type="submit" id="submit" tabindex="5" value="<?php _e("Submit Comment","bonestheme"); ?>" />
</div>

<?php endif; ?>

Answer 1

您可以使用.value 。 这是一个演示：

 var textarea = document.getElementById('test'); var result = document.getElementById('result'); function updateResult() { result.textContent = textarea.value; } textarea.addEventListener('keyup', updateResult);

 <textarea id="test" placeholder="Some placeholder"></textarea> <p id="result"></p>

Answer 2

有点不清楚你需要做什么，但如果你只是想验证 textarea 值不是占位符文本，你可以添加一个处理程序来调用按钮，例如：

<input class="btn-commnet" name="submit" type="submit" id="submit" tabindex="5" value="<?php _e("Submit Comment","bonestheme"); ?>" onclick="return ValidationEvent()"/>

然后有一个javascript函数在提交之前检查值..

function ValidationEvent() {
    commentElm = document.getElementById('comment');
    if(commentElm.value === commentElm.placeholder)
        return false;   
    return true;
}

这可以使用 Jquery 大大简化。

Answer 3

试试下面的例子。 这很容易。 它不返回占位符值，它返回在 textarea 中写入的内容，无论您是编写静态的还是动态的。 我只是指定如何简单地获取 textarea 值而不是占位符。 如果您想设置任何验证，请向我展示您的 java 脚本代码，以便我可以为您提供更好的结果。

<html>
<head>
<script type="text/javascript">
function abc()
{
  var getTextArea = document.getElementById("txtArea");
  var value = getTextArea.value;
  alert(value);//It will show you text area value
}
</script>
</head>
<body>
<textarea id="txtArea" placeholder="hello">
</textarea>
<input type="submit" onclick="abc()"/>
</body>
</html>

如何使用 javascript 获取 textarea 值

问题描述

3 个解决方案

解决方案1
8 2015-06-26 17:21:30

解决方案2
2 2015-06-26 17:17:13

解决方案3
1 2015-06-26 17:10:44

如何使用 javascript 获取 textarea 值

问题描述

3 个解决方案

解决方案1 8 2015-06-26 17:21:30

解决方案2 2 2015-06-26 17:17:13

解决方案3 1 2015-06-26 17:10:44

解决方案1
8 2015-06-26 17:21:30

解决方案2
2 2015-06-26 17:17:13

解决方案3
1 2015-06-26 17:10:44