我怎样才能得到文本区域值使用javascript

ehxuflar  于 2023-03-11  发布在  Java
关注(0)|答案(4)|浏览(202)

我想使提交事件依赖于文本区域值。因为我想检查文本区域是否有效。所以当我使用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; ?>
tkqqtvp1

tkqqtvp11#

您可以使用.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>
6rvt4ljy

6rvt4ljy2#

关于你需要做什么有点不清楚,但是如果你只是想验证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可以大大简化这一过程。

agxfikkp

agxfikkp3#

试试下面的例子。这很简单。它不返回占位符值它返回的内容是写在文本区域无论你写静态或动态。我只是指定如何得到简单的文本区域值而不是占位符。如果你想设置任何验证,然后给我你的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>
ego6inou

ego6inou4#

与投票结果相同的示例,但我添加了\n<br/>的替换
现在,如果您在每行末尾按Enter键,您将看到类似以下内容:

var textarea = document.getElementById('test');
var result = document.getElementById('result');

function updateResult() {
    let changedText = replaceAllReturns(textarea.value);
    result.innerHTML = changedText;
}

textarea.addEventListener('keyup', updateResult);

function replaceAllReturns(inText){
    let outText = inText;
    while(outText.indexOf("\n") >=0){
      outText = outText.replace("\n","<br/>");
    }
    return outText;
}
<textarea id="test" placeholder="Some placeholder"></textarea>
<p id="result"></p>

相关问题