获取"默认“;网站中元素的属性

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

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

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

你明白了。。。如果以上任何一个条件都失败了，我希望文本框的标签变成红色、粗体，大小与表单稍有不同，并在页面上的某个地方为用户提供一条简单的错误消息。

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

我的问题是：

1. 当光标退出用户名字段时，我如何查询MYSQL数据库（检查用户名是否仍然可用）？当用户实际提交表单时，我可以很容易地做到这一点，但我希望在用户完成键入后进行查询，即当光标离开文本框时
2. 如何在页面上显示简单的错误消息（并控制它的内容）
3. 如何从控制网页布局的css样式表中获取"默认"或"标准"的font-size/weight/color值，以便在用户更正错误条件后将元素改回
4. javascript是正确的方法吗？我对它并不是非常熟悉，但它似乎与我使用过的其他语言非常相似，我可以蒙混过关

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