实现效果:
html部分
<div class="container">
<div class="header">
<h2>注册账号</h2>
</div>
<!-- novalidate属性,作用是可以取消浏览器对表单数据的验证。 -->
<form id="form" class="form" novalidate>
<div class="form-control">
<input type="text" placeholder="用户名" id="username" />
<small class="error-message"></small>
</div>
<div class="form-control">
<input type="email" placeholder="邮箱" id="email" />
<small class="error-message"></small>
</div>
<div class="form-control