有一些文本，在表单<textarea>中更新后，提交表单时没有反映更改

Question

我想构造 form ，当它加载时，它应该具有当前存储在后端db中的数据。同时，用户应该能够更改内容并提交 form 以更新DB。

为此，我使用了 input 和 textarea elements。 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加载的文本，当我以表格更新文本时，应该更新它，请帮助，当我第一次遇到这个问题时。如果这篇文章有任何错误，请原谅我，因为我正在学习在Stack Overflow中发布发布，但较早时我才准备好从该平台获得帮助。

Answer 1

这是一个input，因此您需要获取它的value，因为您使用jQuery，您可以使用val()，例如：

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

，您的控制台日志是：

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

Answer 2

您需要使用val而不是text

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