使用JavaScript实现表单验证

1、编写表单所需要HTML代码及CSS代码，如下所示：

2、打开浏览器预览，初始效果如下所示：

4、定义函数，分别用来检测表单失去焦点和获得焦点的状态，代码如下：

7、打开浏览器进行测试，如始效果如下图所示：

9、如果填写正确将会给出正确提示，如果填写错误将给出错误提示，直到全部填写正确方可提交，如下图所示：