得到＆＃34;默认＆＃34;网站中元素的属性

Question

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

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

1. 根据数据库中的Users表验证用户尝试选择的用户名。
2. 验证FirstName / LastName / Email字段是否包含值。
3. 验证密码字段是否匹配。

你明白了......如果上述任何条件都失败了，我希望文本框的标签变成红色，粗体，与其他形式略有不同的尺寸，并提供一个页面上某处的用户的简单错误消息。

我编写了一个简单的javascript函数，可以执行上面的＃2和＃3，并将相应的文本更改为＆＃34;错误＆＃34;风格。

我的问题是：

1. 当光标退出用户名字段时，如何查询MYSQL数据库（以检查用户名是否仍然可用）？当用户实际提交表单时，我可以轻松地执行此操作，但是一旦看起来用户已完成输入，即当光标离开文本框时，我想查询。
2. 如何在页面上显示简单的错误消息（并控制它的内容）？
3. 如何获得＆＃34;默认＆＃34;或＆＃34;标准＆＃34;来自控制网页布局的css样式表的字体大小/重量/颜色值，以便我可以在用户更正错误条件后更改元素？
4. javascript甚至是正确的方法吗？我对它并不是非常熟悉，但它似乎与我曾经合作过的其他语言相似，我可以轻易搞砸它。

提前感谢您 - 如果由于某种原因您认为此问题之前已被问及/已回答，请提供我的帮助链接，因为我无法直接找到任何问题。

Answer 1

首先，您需要了解客户端的纯JavaScript。如果需要，客户甚至可以关闭的东西。

Javascript用于显示（例如具有花哨的输入验证或在加载页面后可能更改DOM的任何内容）。

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

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

Answer 2

1. 如果您想在不刷新页面的情况下查看某些信息，则需要查看AJAX。

2. 最基本的信息可能是alert('That name is taken!')。

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

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