javascript-开发实战-05

开发实战——表单验证（JavaScript6）
现在要求实现一个雇员信息的注册页面，在注册页面之中需要输入如下数据：
雇员编号，姓名，职位，雇员日期，基本工资，佣金，现在要求如下
雇佣编号只能够输入四位的数字
雇员姓名，职位不能为空
雇佣日期应该是“年-月-日”的形式出现
基本工资和佣金应该是小数
实现要求：编写表单，实现验证，考虑点美工修饰
1.为了方便管理，在D盘上建立一个EmpDemo的目录，今天的项目在此目录之中完成
2.之前程序之中建立的images里面的两个图片和css中form.css继续使用，直接拷贝到EmpDemo目录中；
3.建立一个js目录，里面存放有一个emp.js文件，用于编写规则
4.建立一个emp_insert.htm页面，导入所需要的css和javascript
5.首先基本表单，表单为了方便控制，请一定要使用表格进行管理。
6.开始编写js验证，使用的验证时间：onblur,onsubmit，函数的名称与之前一样，总的函数用validate(),
不同的验证使用validataXxx()
7.进入美工修饰。
8.emp.js有许多代码重复了，优化
function validateEmpty(id){
    var Obj=document.getElementById(id);
    var Span=document.getElementById(id+"Msg");
    if(id.value.length!=0){//验证通过
    return true;    
    }else{
    return false;
    }
}
function validateRegex(id,regex){
    var Obj=document.getElementById(id);
    var Span=document.getElementById(id+"Msg");
    if(regex.test(obj.value)){//验证通过
    return true;    
    }else{
    return false;
    }
}
随后在emp.insert.htm页面之中要导入util.js文件，只有导入了才可以被不同的*js互相调用。
9.修改emp.js文件之中的定义，直接利用给出的函数实现验证。