javascript - <textarea> 有一些文本，在表单中更新后，提交表单时没有反射(reflect)更改

Question

我想构建一个表单，当它加载时，它应该有当前存储在后端数据库中的数据。同时，用户应该能够更改内容并提交表单以更新数据库。

为此，我使用了 input 和 textarea 元素。 textarea 用于显示电子邮件。但是更新数据后，输入元素的数据发生了变化，但 textarea

没有变化

代码如下:

在 HTML 表单中，这是 textarea，其中文本通过 PHP 回显

<textarea placeholder="EMAIL" class="form-control" rows="2" cols="6" id="email" style="resize:none;"><?php echo $retention_config['email'] ?></textarea>

在浏览器中我更新了这个的邮件内容

在提交数据之前，我希望验证这个字段不应该为空，因为这个使用了 JS

这是 JS 代码:

var email_text = $('#email').text().trim();

if(email_text == "") {
  alert("Email is Mandatory");
}

但是，在删除电子邮件的全部内容后，我没有收到此警报，然后我使用 javascript 检查了它的值。

console.log('#email').text();

我得到了文本，我最初是通过 PHP 加载的，当我更新表单中的文本时，它应该更新，请帮助，因为我第一次遇到这个问题。如果这篇文章有任何错误，请原谅我，因为我正在学习在堆栈溢出中发帖，早些时候我只是从这个平台准备好的帮助。

Answer 1

这是一个输入，因此您需要获取它的值，因为您使用的是jQuery，您可以使用val()，像这样:

var email_text = $('#email').val().trim();
if(email_text == "") {
    alert("Email is Mandatory");
}

您的控制台日志将是:

console.log($('#email').val());