用户敏感词 删除 添加
来源:互联网 发布:mac 终端删除文件夹 编辑:程序博客网 时间:2024/06/06 09:55
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script src="js/angular.min.js"></script> <script src="js/jquery-1.11.1.min.js"></script> <script> angular.module("myapp", []) .controller("democ", function($scope, $filter) { $scope.datas = [{ "id": 0, "name": "张三", "age": 45, "pinyin": "zhangsan", "zhiwei": "总经理", }, { "id": 1, "name": "李四", "age": 43, "pinyin": "lisi", "zhiwei": "设计师", }, { "id": 2, "name": "王五", "age": 40, "pinyin": "wangwu", "zhiwei": "工程师", }, { "id": 3, "name": "赵六", "age": 33, "pinyin": "zhaoliu", "zhiwei": "工程师", }, { "id": 4, "name": "周七", "age": 32, "pinyin": "zhouqi", "zhiwei": "人事经理", }, ] $scope.goods = $scope.datas; $scope.save = function() { var i = $scope.datas.length+1; $scope.tips = false; $scope.avalArr = []; if($scope.name == undefined || $scope.name == "") { $scope.avalArr.push("用户名不能为空"); } if($scope.pinyin == undefined || $scope.pinyin == "") { $scope.avalArr.push("拼音不能为空"); } if($scope.zhiwei == undefined || $scope.zhiwei == "") { $scope.avalArr.push("职位不能为空"); } if(!/^\d+$/.test($scope.age)) { $scope.avalArr.push("年龄必须为有效数字"); return; } if($scope.avalArr > length > 0) { $scope.tips = true; } else { var da = { "name": $scope.name, "age": $scope.age, "pinyin": $scope.pinyin, "zhiwei": $scope.zhiwei }; $scope.datas.push(da); $scope.isshow = false; } } $scope.del = function(d) { for(var i = 0; i < $scope.datas.length; i++) { if($scope.datas[i].id == d.id) { if(confirm("确定删除这一行吗?")) { $scope.datas.splice(i, 1); } } } } $scope.cha = function() { if($scope.selname == null||$scope.selname =="") { alert("输入不能为空"); return; } if($scope.selname.indexOf("我") != -1) { alert("包含敏感词"); return; } var filter = $filter("filter"); var ch = filter($scope.goods, { "name": $scope.selname }); if(ch.length == 0) { alert("没有匹配项"); } else { $scope.datas = ch; } } }) .filter("demof", function() { return function(input) { var ss = input.replace(/张/g, "**"); return ss; }; }) </script> <style> tr { text-align: center; } tr:nth-child(2n) { background-color: #CCCCCA; } tr:hover{ background-color: red; } a { text-decoration: none; color: #000000; } </style> </head> <body ng-app="myapp" ng-controller="democ"> <div style="width: 800px; margin: 0 auto;"> 姓名查询条件<input ng-model="selname" /> <select ng-model="selcha" ng-change="orderby"> <option value="">请选择</option> <option value="-age">按年龄倒叙</option> <option value="age">按年龄正叙</option> </select> <table border="1xp" style="width: 800px;"> <tr style="background-color:#787876 ;"> <td>姓名</td> <td>年龄</td> <td>拼音</td> <td>职位</td> <td>操作</td> </tr> <tr ng-repeat="da in datas|orderBy:selcha"> <td>{{da.name|demof}}</td> <td>{{da.age}}</td> <td>{{da.pinyin}}</td> <td>{{da.zhiwei}}</td> <td><button ng-click="del(da)"><a href="#">删除</a></button></td> </tr> </table> <input type="button" ng-click="cha()" value="查询" /> <input type="button" ng-click="isshow=true" value="添加" /> <div ng-show="isshow"> 姓名<input ng-model="name" /><br /> 年龄 <input ng-model="age" /><br /> 拼音 <input ng-model="pinyin" /><br /> 职位 <input ng-model="zhiwei" /><br /> <div style="width: 200px; background-color: pink;"> <ul> <!-- 点击保存时,把不合法的信息都放入数组 valArr --> <li ng-repeat="c in avalArr ">{{c}}</li> </ul> </div> <input type="button" ng-click="save()" value="保存" /> </div> </div> </body></html>
阅读全文
0 0
- 用户敏感词 删除 添加
- 用户操作(添加、删除、敏感词、排序、查询)
- AngularJS 添加 查询 排序 删除 数据 敏感词
- Angular用户查询,按条件排序,批量删除,添加,敏感字屏蔽
- ubuntu添加删除用户
- Oracle 删除添加用户
- Linux添加删除用户
- SVN 添加/删除用户
- linux添加、删除用户
- linuix 添加、删除用户
- CentOS - 添加删除用户
- centos删除添加用户
- Kali 添加/删除用户
- 添加、删除用户
- 用户添加,删除
- linux 添加用户 删除用户
- AngularJS_table添加/批量删除数据/过滤敏感字符
- 订单用户表2(用户名查询、手机号查询、选择城市、选择状态、选择月份、ID排序、添加数据、批量发货、批量删除、敏感字、修改数据)
- 时间管理
- 点击发送短信验证码按钮后,倒计时60秒
- 回文质数问题(用生成回文数的方法)
- 第十二周项目五
- 云星数据---Scala实战系列(精品版)】:Scala入门教程003-Scala数组详解002
- 用户敏感词 删除 添加
- blockly可视化编程
- Git 分支
- ngrok使用
- SpringBoot入门
- python中with的用法
- 158. class, static, self, parent
- 第十周项目一
- 黑马商城项目_商城分类页_右侧滑动2