如何使用 nodejs 更改 css？

Question

我有这个“登录”页面。

我想让它这样，如果用户点击“登录”并且所有输入字段都没有被填充或错误或者它会改变输入边框颜色红色和阴影的东西。

我正在使用 nodejs express ig。并且它的形式是我正在使用方法post。我尝试使用“document..”获取内容，但这不起作用。有什么解决办法吗？

Answer 1

JavaScript在浏览器中运行可以通过document object提供的API来操作DOM。

服务器上没有文档。浏览器发出 HTTP 请求。服务器生成一个 HTTP 响应。当响应是 HTML 时，它通常是从静态文件或模板生成的。

如果您想动态修改文档，模板是最好的方法。

你可以按照以下方式做一些事情：

<input name="something" class="<%= fields_with_errors.includes('something') ? 'errors' : '' %>" value="<%= user_input.something %>">

其中fields_with_errors 是一个数组，user_input 是一个对象，用于保存用户在提交表单时输入的值。

具体取决于您选择的模板语言。

有 numerous template languages 可以与 Node.js 一起使用。选择一个并将其与您用于处理和响应 HTTP 请求的代码集成。许多人使用Express 来执行此操作。 MDN 有a tutorial。有很多中间件要添加template support to Express，MDN 教程涵盖了them。