谁有老师的源代码，能发一下给我吗，谢谢-慕课网

慕无忌7233295
2022-04-02

0 回复有任何疑惑可以回复我~

收起回答

逃离外包
2018-12-05

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.input_result{

position:relative;

top:-27px;

left:180px;

}

.error{

color:#a10;

}

/*p.error{

display:none;

}*/

p.success{

color:#3c763d;

}

input.error{

border:1px solid #a10;

}

.wrapper{

width:200px;

margin:30px auto;

}

</style>

//使用$scope作为dom里的一个域,1---创建和部署一个controller

angular.module('myApp',[])

.controller('SignUpController',function($scope){//控制器名称和一个回调函数

$scope.userdata={};//所有提交的表单数据存入此地

$scope.submitForm=function(){//提交时的一个提交函数

console.log($scope.userdata);

if($scope.signUpForm.$invalid){

alert("请检查您的信息");

}else{

alert("提交成功");

}

})

.directive('compare',function(){//2----传入用户数据和创建验证规则

var o={};//给一个对象

o.strict="AE";//作用在元素和属性上的

o.scope={//scope等于一个对象

orgText:'=compare'//之前的字符，原先的数据

}

o.require='ngModel';

o.link=function(sco,ele,att,con){//主函数，传参（域，当前元素，当前属性，ngModelcontroller）

con.$validators.compare=function(v){//用这个controller的validators加一个compare方法

return v==sco.orgText;//此回调函数传入一个值（用户输入的值），即新输入和原先输入的是否一样

}

sco.$watch('orgText',function(){//watch--orgText是否有变化

con.$validate();//一旦有变化，开始验证

})

}

return o;

})

</script>

</head>

<input

type="text"

name="username"

type="text"

ng-model="userdata.username"

required

ng-minlength="4"

ng-maxlength="12"

class="form-control">

<p class="error"

ng-if=

"(signUpForm.username.$error.minlength||

signUpForm.username.$error.maxlength)&&

signUpForm.username.$touched"

>用户名长度应在4-12位之间</p>

<p class="error"

ng-if=

"signUpForm.username.$error.required &&

signUpForm.username.$touched"

>用户名不能为空</p>

</div>

<input

type="text"

name="password"

type="password"

ng-model="userdata.password"

required

ng-minlength="4"

ng-maxlength="12"

class="form-control">

<p class="error"

ng-if=

"(signUpForm.password.$error.minlength||

signUpForm.password.$error.maxlength)&&

signUpForm.password.$touched"

>用户名长度应在4-12位之间</p>

<p class="error"

ng-if=

"signUpForm.password.$error.required &&

signUpForm.password.$touched"

>密码不能为空</p>

</div>

<input

type="text"

name="password2"

type="password"

ng-model="userdata.password2"

compare="userdata.password"

required

class="form-control">

<p class="error"

ng-if=

"signUpForm.password2.$error.compare &&

signUpForm.password2.$touched"

>两次输入密码不一致</p>

<p class="error"

ng-if=

"signUpForm.password2.$error.required &&

signUpForm.password2.$touched"

>确认密码不能为空</p>

</div>

</div>

</form>

</div>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

逃离外包
2018-12-04

<!DOCTYPE html>

<head>

<title>Document</title>

<style>

.red{

background:#f40;

}

.error{

border:1px solid #a10;

color:#f40;

}

.wrapper{

width:200px;

margin:0 auto;

}

</style>

//使用$scope作为dom里的一个域,1---创建和部署一个controller

angular.module('myApp',[])

.controller('SignUpController',function($scope){//控制器名称和一个回调函数

$scope.userdata={};//所有提交的表单数据存入此地

$scope.submitForm=function(){//提交时的一个提交函数

console.log($scope.userdata);

if($scope.signUpForm.$invalid){

alert("请检查您的信息");

}else{

alert("提交成功");

}

})

.directive('compare',function(){//2----传入用户数据和创建验证规则

var o={};//给一个对象

o.strict="AE";//作用在元素和属性上的

o.scope={//scope等于一个对象

orgText:'=compare'//之前的字符，原先的数据

}

o.require='ngModel';

o.link=function(sco,ele,att,con){//主函数，传参（域，当前元素，当前属性，ngModelcontroller）

con.$validators.compare=function(v){//用这个controller的validators加一个compare方法

return v==sco.orgText;//此回调函数传入一个值（用户输入的值），即新输入和原先输入的是否一样

}

sco.$watch('orgText',function(){//watch--orgText是否有变化

con.$validate();//一旦有变化，开始验证

})

}

return o;

})

</script>

</head>

<input

type="text"

name="username"

type="text"

ng-model="userdata.username"

required

ng-minlength="4"

ng-maxlength="12"

class="form-control">

<p class="error"

ng-if=

"(signUpForm.username.$error.minlength||

signUpForm.username.$error.maxlength)&&

signUpForm.username.$touched"

>用户名长度应在4-12位之间</p>

<p class="error"

ng-if=

"signUpForm.username.$error.required &&

signUpForm.username.$touched"

>用户名不能为空</p>

</div>

<input

type="text"

name="password"

type="password"

ng-model="userdata.password"

required

ng-minlength="4"

ng-maxlength="12"

class="form-control">

<p class="error"

ng-if=

"(signUpForm.password.$error.minlength||

signUpForm.password.$error.maxlength)&&

signUpForm.password.$touched"

>用户名长度应在4-12位之间</p>

<p class="error"

ng-if=

"signUpForm.password.$error.required &&

signUpForm.password.$touched"

>密码不能为空</p>

</div>

<input

type="text"

name="password2"

type="password"

ng-model="userdata.password2"

compare="userdata.password"

required

class="form-control">

<p class="error"

ng-if=

"signUpForm.password2.$error.compare &&

signUpForm.password2.$touched"

>两次输入密码不一致</p>

<p class="error"

ng-if=

"signUpForm.password2.$error.required &&

signUpForm.password2.$touched"

>确认密码不能为空</p>

</div>

</div>

</form>

</div>

</body>

</html>

0 回复有任何疑惑可以回复我~

收起回答

伊猫
2018-04-08

跟着视频一个一个敲的，lib文件夹里的文件也是按照视频里的要求下的，也算是源文件了吧。

https://pan.baidu.com/s/1a8A7DD573IlPoJCVJElKnA

0 回复有任何疑惑可以回复我~

收起回答

热搜

最近搜索清空

谁有老师的源代码，能发一下给我吗，谢谢

4 回答

谁有老师的源代码，能发一下给我吗，谢谢