新增步骤

1. 点击新增按钮

   • 清除表单数据
   • 发送ajax请求 获取下拉列表数据（写成一个方法直接调用）
   • 弹出模态框

2. 前端校验表单数据格式是否正确（可使用正则表达式）

3. 校验用户名是否可用（是否重复）–> change事件

   • 发送ajax请求校验用户名是否可用

4. 点击保存

   • 判断之前的ajax用户名校验是否成功

     (可以给保存按钮添加一个属性，来判断是否成功)

     //若成功
     $("#emp_save_btn").attr("ajax-va", "success");
     //若失败
     $("#emp_save_btn").attr("ajax-va", "error");
     

     // 判断之前的ajax用户名校验是否成功
     if ($(this).attr("ajax-va") == "error") {
         return false;
     }
     

   • 发送ajax请求保存员工

     • 回调函数中：
       • 假如成功：
         1. 关闭模态框
         2. 显示分页查询最后一页，显示最后添加的数据
       • 假如失败：
         1. 显示失败信息
         2. 有哪个字段的错误信息，就显示哪个字段的（有些人可能会绕过前端校验，所以后端也尽量对数据进行校验）