最新下载
热门教程
- 1
- 2
- 3
- 4
- 5
- 6
- 7
- 8
- 9
- 10
AngularJS前端页面操作之用户修改密码功能示例
时间:2017-07-31 编辑:简简单单 来源:一聚教程网
最近在做前端设计,主要使用的知识有AngularJS和nodejs来进行页面显示和数据请求、处理等工作。在设计页面比如忘记密码时,发现一个有效的设计思路是很重要的。
就以修改密码为例,要将提示信息友好的展示给用户,明确告诉用户在操作的过程中那部分有问题,这需要定义详细的变量以及能在页面的不同位置显示信息。下面的代码是自己写的一个简单例子,记录学习进程。
changePwd
代码如下 | 复制代码 |
varapp = angular.module("myapp",[]); app.controller('changPwdCtrl',function($scope){ $scope.name ="xiaozhang"; $scope.pwd ="hello"; $scope.newPwd ="hello1"; $scope.rNewPwd ="hello2"; $scope.submit =function(){ $scope.reseltNotRule ='' $scope.resultNotSame ='' $scope.result ='' $scope.resultSuccess ='' if(!($scope.name&&$scope.pwd&&$scope.newPwd&&$scope.rNewPwd)){ $scope.result ="请填写完整"; }elseif($scope.newPwd != $scope.rNewPwd) { $scope.resultNotSame ="两次密码不一致"; }elseif($scope.pwd == $scope.newPwd) { $scope.result ="新旧密码不能一致"; } } }); |
-
下一个: js实现抽奖效果
相关文章
- HTML简单购物数量小程序代码展示 10-31
- html canvas实现弹幕功能 10-31
- HTML中空格表示的意义 10-31
- html area标签解读 10-31
- html使用表单标签实现注册页面代码展示 10-31
- 使用HTML截图并保存为本地图片的代码展示 10-31