新增-优快云博客

本文链接：https://blog.youkuaiyun.com/qq_41651182/article/details/79105071

本文介绍了一种前端实现表单验证的方法，并通过示例展示了如何进行数据过滤及有效性检查。主要内容包括：自定义函数getDname实现部门名称的过滤显示；save函数用于收集表单数据并验证必填项，如用户名、工资、生日等字段的有效性。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$scope.getDname = function(dname) { //每行显示之前都自动调用getDname dname是当前行对应部门名称
//获取部门查询输入框的值
if($scope.seldepart == undefined || $scope.seldepart == "") { //判断无条件过滤,使其全部显示
return true; //return 结束方法的作用
}

//dname中是否含有输入框输入部分字符 var i= "我是八维讲师".indexOf("八维");
if(dname.indexOf($scope.seldepart) > -1) {
return true;
}
return false;
}
//
$scope.save = function() {
//存放错误提示信息的数组
$scope.errors = [];
//用户名
if($scope.add_uname == undefined || $scope.add_uname == "") {
$scope.val_uname = true; //val_uname 控制用户名不合法是否显示

} else {
$scope.val_uname = false;
}
//工资
if($scope.add_salary == undefined || $scope.add_salary == "") {
$scope.val_salary = true; //val_uname 控制用户名不合法是否显示

} else {
$scope.val_salary = false;
}
//生日
if($scope.add_birth == undefined || $scope.add_birth == "") {
$scope.val_birth = true; //val_uname 控制用户名不合法是否显示

} else {
$scope.val_birth = false;
}
var obj_d; //部门对象
if($scope.add_dname==undefined||$scope.add_dname==""){
//$scope.errors.push(4);
$scope.val_dname = true;
}else{
$scope.val_dname = false;
/*判断部门所在对象,组装对象 */
if($scope.add_dname=="市场部"){
obj_d={id:1,name:$scope.add_dname};
}else if($scope.add_dname=="研发部"){
obj_d={id:2,name:$scope.add_dname};
}
}

//添加
if($scope.errors.length == 0) {
$scope.persons.push({
"salary": $scope.add_salary,
"birthday": $scope.add_birth.valueOf(), //获取date日期的毫秒数
"department": obj_d,
"gender": $scope.add_sex,
"id": $scope.persons.length+100,
"name": $scope.add_uname
});
$scope.showAdd=false;
}

}