如何在JavaScript中压缩文本字段？

Question

我正在制作一个名片项目，在线完成可变数据印刷。我需要一个可以使用的规则，以便不使用或留空的字段将被抑制。

目前，我在两个文本字段之间得到一个空白的测试字段，如果它留空。我是新手，所以任何帮助都将受到赞赏。

Answer 1

我假设您的情况涉及用户在HTML表单中键入数据，之后信息以某种方式显示在HTML页面上。如果其中任何一个是错误的，我们将需要更多信息来回答您的问题。听起来你已经想出了如何将信息从表单发送到显示器，你只是想看不到空行显示。这是用CSS风格处理的。

首先，您需要有一些方法来测试该字段是否包含用户输入。由于你没有提供任何代码可以构建，我现在假设你可以弄清楚如何做到这一点。

然后，您可以使用JavaScript以编程方式更改给定元素的CSS。它会是这样的：

if (field_modified === false) {
    // cause an HTML element to not be displayed
    // here, the value associated to whatever field
    // you are testing is displayed in an HTML node with ID 'id_of_node_here'
    // There are various other ways of accessing specific HTML nodes
    // without giving them IDs.  You can research that yourself.
    document.getElementById('id_of_node_here').style.display = "none";
}

要在字段中测试用户输入，可能已足以测试值的长度或表单元素是否已从默认值更改。