javascript - 表单提交后更改 div 高度。django（蟒蛇）

Question

我有注册表和一个提交按钮。当我点击提交时，如果出现错误，div 的高度会增加，所以我会这样做height:auto。但是，当我点击提交时，它会改变div (.continer)高度大小。但是，一秒钟后页面刷新并返回相同的 css。

<button type="submit" name="register" id="btn" onclick="changeSize()">registration</button>

function changeSize() {
    var el = document.querySelector(".continer").setAttribute("style", "height:auto");
}

标签： javascriptpythonhtmlcssdjango

Answer 1

只要高度不固定（例如，它可能会因错误消息而改变），我就不会将其设置为固定值。如果您不想修复它，您可以为错误消息添加一个 div，例如错误容器/占位符，它也具有固定的高度（并且可能根据您的优先级隐藏溢出）。这将使表单更大，但包含错误空间，因此不会更改其大小。

然而，这听起来像是一个布局/设计问题，而不是关于 javascript 或 django 的问题。通过查看部分代码并且没有特定问题很难回答这样的问题。