Javascript 从文本字段动态收集文本

这是html代码

<div id="domTxtEntry">
    <strong>Your Name:</strong>
    <input type="text" name="txtdisplay" id="txtdisplay" value="" class="input" />
    <br />
    <br />

    <div id="domPrv"></div>
</div>

这把小提琴就在这里。

两个问题

从文本字段中删除值时，输出窗口不会更新它或保留最后一个字

我尝试了很多方法将输出添加到文本字段右侧的float，但它显示在文本字段的底部

---

需要帮助。

第一个问题是，当输入为空时，调用

.val（）

返回false，因此

#txtdisplay

中的值不会更新。试试这个：

$('#domTxtEntry input').bind('blur keyup', function () {
  if ($('#txtdisplay').val()) {
    nameNode.text(name.val() + ' modifies this');
  } else {
    nameNode.text("Default value");
  }
});

第二个问题可以这样解决（删除了

标记）：

---

第一个问题是，当输入为空时，调用

.val（）

返回false，因此

#txtdisplay

中的值不会更新。试试这个：

$('#domTxtEntry input').bind('blur keyup', function () {
  if ($('#txtdisplay').val()) {
    nameNode.text(name.val() + ' modifies this');
  } else {
    nameNode.text("Default value");
  }
});

第二个问题可以这样解决（删除了

标记）：

---

对于第二个问题，在站点上搜索同一行的

divs

，您会找到许多答案。@Barmar这会不会在开始时显示一些默认值？它只是从无到有地出现；（将某些内容放在原始HTML中。修复这两个问题@Barmar我将某些内容放在org HTML中，但即使它被更新也会保持不变。对于第二个问题，在网站上搜索同一行的

divs

，你会找到许多答案。@Barmar这会不会在开始时显示一些默认值？它只是从无到有；（将某些内容放入原始HTML中。修复这两个问题@Barmar我将某些内容放入org HTML中，但即使更新也会保持不变。是否会在开始时显示一些默认值？它只是从无到有地出现；（如果需要默认值，可以使用值启动

domPrv

，然后在

else

条件下输入相同的值。：）编辑我的答案以反映您的需要，还更新了CSS部分。很抱歉再次打扰您。我可以添加一个不添加空格或特殊字符的检查，并且它将向用户添加警告吗？请更新此内容。让我们看看这是否会在开始时显示一些默认值？它只是从无到有地出现；（如果需要默认值，可以使用值启动

domPrv

，然后在

else

条件下输入相同的值。：）编辑我的答案以反映您的需要，还更新了CSS部分。很抱歉再次打扰您。我可以添加一个不添加空格或特殊字符的检查，它将向用户添加警告吗？请更新此。让我们

<div id="domTxtEntry">
    <strong>Your Name:</strong>
        <input type="text" name="txtdisplay" id="txtdisplay" value="" class="input" />

    <div id="domPrv">Default value</div>
</div>

#domPrv {
  display: inline-block;
}