发表于: 2017-01-24 09:11:36

2 1388


今天完成的事:

今天完成了新增学员信息页面的一些验证。

针对题目要求的,$watch函数来实时监测8个数据的变化,每一次变化调用一次mes_check()函数,函数遍历一遍数组中的数据,存在undefined或空数据,就说明数据还是不符合要求。

这里封装的还不够,应该把数据要求验证有关的所有函数调用都放到$watch里头来实时调用。而不是加什么失焦函数啥的,整的很零散。。

// 检查数据函数
function mes_check() {
$scope.student_mes = [];
   $scope.type = $("input[name='type']:checked").val();
   $scope.talent = $("input[name='talent']:checked").val();
   $scope.level = $("input[name='level']:checked").val();
   $scope.student_mes.push($scope.us_name, $scope.us_qq,$scope.type,
       $scope.us_school,$scope.talent, $scope.level,$scope.us_time,$scope.us_hope);
   // 获取到数据
   a = undefined;
   $scope.j = 0;
   for (var i = 0; i < 8; i++) {
if (a == $scope.student_mes[i]) {
$scope.isSubmitted = true;
           $scope.j++;
       }
}
console.log($scope.j);
   if ($scope.j == 0) {
$scope.isSubmitted = false;
   }
console.log($scope.student_mes);
}
// 姓名监视
$scope.$watch('us_name', function () {
$scope.bol1 = isChinese($scope.us_name);
   if ($scope.bol1 == false) {
$scope.isSubmitted = true;
   }

});
// qq监视
$scope.$watch('us_qq', function () {
$scope.bol2 = isNumber($scope.us_qq);
   mes_check();
});
$scope.$watch('us_level', function () {
mes_check();
});
// 多行文本
$scope.$watch('us_hope', function () {
mes_check();
});
// 提交事件
$scope.m_click = function () {
//由于单选框的bug未修复,不能实时更新,点击提交前,最后一次验证
   mes_check();
   //调用提交后台申请函数
   addUser();
}

明天计划的事:

继续完成学员信息提交验证。先实现效果为主。做好封装,提高代码的可读性。

遇到的困难:

post提交数据出现毛病,一时半会没找到原因,对接口数据交互的步骤不熟悉,导致漏了一步。自然提交失败。

幸好二大给查出来了。

收获:

理清思路,按部就班比较不容易出问题,帮别人解决问题也应该是这个思路。

那么,需要将不熟悉的操作还是要写成自己的步骤文档,不熟悉就翻看一下,遇到bug就按对口的步骤来点对点的查错


返回列表 返回列表
评论

    分享到