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层的控制。
HTML5禾粒农场智能管理系统门户网站设计(12):http://www.youerw.com/jisuanji/lunwen_96771.html