Question

我想提交事件依赖textarea值。因为我想检查textarea是vaild。所以当我使用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

尝试以下示例。这很容易。它不会返回占位符值，它会返回写入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>

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

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

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

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

如何使用javascript获取textarea值

3 个答案: