javascript - 更改当前网页上的一些(即不是全部)显示文本

Question

在 Java 等语言或 C++ 的 Qt 等 GUI 框架中，可以获得用户无法更改的某些文本 block (例如标签小部件)的句柄，但程序可以根据某些条件对其进行修改被满足。我希望能够通过一些 JavaScript 代码在 HTML 网页上执行相同的操作。

例如，考虑一个用于输入用户凭据的网页。如果凭据无效，我想在当前网页上显示一条消息，而不必加载一个全新的页面。

我已经使用 HTML 文本框或文本区域将其设置为禁用，只读并更改了一些显示样式(通过 CSS)。更改会导致某些 JavScript 代码运行，这可能会导致这些文本框或文本区域的值字段发生更改。虽然这工作正常，但它似乎不正确。有没有更正统的方法来完成这个？

Answer 1

当然。有一些库可以处理这个问题。

您可能要求进行表单验证。如果是这样，试试 jQuery 和 jQuery 的验证扩展库:demo

或者您可能需要更通用的观察者模式。如果是这样，请尝试使用 JavaScript 的众多 MVVM/MVC 库之一，例如 backbone.js 或 knockout.js(还有 ember、agility、angular 和 spine):jsfiddle

编辑:另请注意，如果您的需要只是标准表单验证，您可以在 jQuery validate 中完成它而无需任何代码 - 只需直接在 HTML 元素本身上添加属性以指示验证规则是什么。不幸的是，HTML5 数据属性在编写时并不存在，因此您将验证规则应用为 CSS 类。

编辑 2:另请注意，开箱即用的 jQuery 验证支持远程验证，例如凭据或用户名已存在的情况:demo或 documentation