制作一个简单的表单验证

1. 表单的最终效果图

 实现的功能：1）用户名，密码等输入后，焦点移开的同时校验是否符合规则；

                         2）当错误提示出现时，若焦点重新回到文本框，则对应的错误提示清除；

    3）加载页面时，保证焦点在第一个文本框内，同时页面验证码初始化；

 首先对页面进行初始化

 随机生成验证码 并且将输入焦点定位到用户名输入框中

生成随机数的方法

生成四位的随机数，当不足四位的时候在前面补0

验证表单的各个元素是否符合规则

验证错误提示以及 隐藏错误信息提示

剔除空格的方法

表单提交的方法

css相关的设计