Javascript 获取网站中元素的“默认”属性

我正在建立一个非常基础的网站，目前正在进行用户创建。用户填写表单，然后验证输入并将其写入MYSQL数据库（如果有效）

我想在用户输入数据时添加一些基本的错误检查-例如：

验证用户试图根据数据库中的Users表选择的用户名。 验证FirstName/LastName/Email字段是否包含值。 验证密码字段是否匹配。 你明白了……如果上述任何一个条件失败，我希望文本框的标签变为红色、粗体，并且与表单的大小略有不同，同时在页面的某个地方为用户提供一条简单的错误消息

我已经编写了一个简单的javascript函数，可以执行上面的2和3，并将适当的文本更改为错误样式

我的问题是：

当光标退出用户名字段以检查用户名是否仍然可用时，如何查询MYSQL数据库？当用户实际提交表单时，我可以很容易地做到这一点，但我想在用户完成键入后进行查询，即当光标离开文本框时。 如何在页面上显示简单的错误消息并控制其内容？ 如何从控制网页布局的css样式表中获取默认或标准字体大小/重量/颜色值，以便在用户纠正错误条件后可以更改回元素？ javascript是实现这一点的正确方法吗？我对它不太熟悉，但它似乎与我使用过的其他语言非常相似，我可以勉强应付过去。

---

提前感谢您-如果出于某种原因，您认为这个问题以前已经被问过/回答过，请提供一个链接，以方便我，因为我无法直接找到任何问题。

首先，您需要了解纯javascript仅在客户端使用。如果客户需要，客户甚至可以关闭它

Javascript是用于显示的，比如具有奇特的输入验证或任何可能在页面加载后更改DOM的内容

像PHP这样的服务器端语言是与MYSQL数据库通信的唯一方式。不是说php是唯一的——其他可能包括Ruby/Python/Node.js

但你在这里列出的一切都是一个问题/项目本身

如果希望在不刷新页面的情况下检查某些信息，则需要查看AJAX

最基本的信息是类似于警告“取了那个名字！”

您可以在表单元素中添加一个新的类，使其获得一些额外的CSS属性。然后，一旦用户纠正错误，从元素中删除该类，浏览器将使用原始属性重新绘制元素

JavaScript将处理AJAX请求部分和更改样式部分。显然，实际的数据库查询将通过您选择的服务器端语言进行。但听起来你对那一方还行

---

每一个问题都应该是一个单独的问题。你应该试着自己解决这些问题，而不是问一些空泛的问题。如果你有具体的问题，那就更合适了。没有人会回答这个问题，因为这个网站不是关于理论或最佳实践，而是关于代码问题。相反，你应该在Progammers.StackExchangeThank上问这个问题，谢谢你的回答。听起来javascript是我大多数问题所需要的…我希望在获取css样式方面会有一些选项，比如document.getElementByIdstylesheet.css.labelName.propertyname-听起来不是这样。如果你喜欢这篇文章，请单击左侧上下箭头下方的复选标记。此外，您还应该查看jQuery以了解您的大部分需求。这是一个为您简化了大量javascript的库jQuery建议绝对是我所需要的——看起来它为我回答了1、2和4。再次感谢你！