if(typeof($scope。username)!='undefined' && username。length>0){

$http({method:'post',

url: urls。checkUsername,

data:{ 'username':username }

})。success(function(data){

if(data。check){$scope。usernameValid='yes';

}else{$scope。usernameValid='no';} });

}else{$scope。usernameValid='no'; }}

//检查密码是否合法

$scope。passwdCheck=function(){

var passwd=$scope。passwd;

var reg=/^[a-zA-Z0-9_]+$/;

if(reg。test(passwd) && typeof(passwd)!='undefined'){

$scope。passwdValid='yes';

}else{ $scope。passwdValid='no';}}

//检查二次密码是否相同 每次ng-chage触发

$scope。passwdAgainCheck=function(){

var passwdAgain=$scope。passwdAgain;

if(typeof(passwdAgain)!='undefined'){

if(passwdAgain==$scope。passwd){

$scope。passwdAgainValid='yes';

}else{$scope。passwdAgainValid='no';}}}

//监视用户名是否被修改 每次ng-change触发

$scope。usernameChange=function(){

$scope。usernameValid=null;来;自]优Y尔E论L文W网www.youerw.com +QQ752018766-

}

//表单提交

$scope。mySubmit=function(){

$http({

method:'post',

url: urls。register,

data:{ 'username':$scope。username,

'passwd':$scope。passwd,

'passwdAgain':$scope。passwdAgain}

})。success(function(data){

if(data。statu==1){

notify({ message: data。message, 

classes:'alert-success',

duration: 2000,

templateUrl:notifyTempUrl

});

$state。go('login');

}else{

notify({ message: data。message, 

classes:'alert-danger',

duration: 2000,

templateUrl:notifyTempUrl

}); }})}}

在这个页面的controller之中主要有三个变量,$scope。usernameValid用来判断用户名的合法性,$scope。passwdValid用来判断密码的合法性,$scope。passwdAgainValid判断密码确认是否正确。通过使用$http方法向后台异步发送验证请求。method属性为post表明该请求是使用post方法发送;url属性是传送地址,这里使用service服务封装在了urls当中,urls可以详见附录查看;data属性就是需要传送待验证的内容。如果传送成功则返回相应的内容,根据传回的数据完成对view层的控制。

上一篇:Android系统的求职招聘App研究+源代码
下一篇:Java人事管理信息系统设计

Html5+css3+js电瓶车企业移动办公系统设计

HTML5云平台的移动学习系统-移动端设计

HTML5设备运行可视化仿真在网页中的发布

HTML5课程类微信公众号设计

HTML5的boostrap响应式课程网站的设计

HTML5和android的手机聊天机器人APP开发

HTML5伪云桌面资源整合系统设计

互联网教育”变革路径研究进展【7972字】

老年2型糖尿病患者运动疗...

安康汉江网讯

网络语言“XX体”研究

LiMn1-xFexPO4正极材料合成及充放电性能研究

新課改下小學语文洧效阅...

麦秸秆还田和沼液灌溉对...

张洁小说《无字》中的女性意识

我国风险投资的发展现状问题及对策分析

ASP.net+sqlserver企业设备管理系统设计与开发