利用angularjs完成注册表单
ng-init="username = 'first'"设置初始显示first字段
ng-class="{'error':signUpForm.username.$invalid && signUpForm.username.$touched}"验证表单是否未通过，touched验证是否有用过
ng-if='signUpForm.username.$valid'输入合法即干。。。
minlength="4" 最小四个字符
maxlength="10" 最大十个字符
ng-submit 只能给form用
ng-disabled 用于将一些东西不可用
输入密码与确认密码比较注册了一个compare指令
angular.module('myapp',[]).directive('compare',function () {
var com ={};
// 命令作用于元素和属性中
com.strict = "AE" ;
com.scope = {
//之前的这个字符,@对应字符串，=对应数据，&对应函数
orgText :'=compare'
}
com.require = 'ngModel';
/*
*scope域，$scope
*ele 当前元素
*attr属性
*control ngModel
*v 用户输入值
*/
com.link = function (scope,ele,attr,control) {
control.$validators.compare = function(v){
return v ==scope.orgText;
}
//与之前的orgText比较
scope.$watch('orgText',function(){
//一旦有变化则开始验证
control.$validate();
})
}
return com;
})
代码地址：https://github.com/fanpeiyao/angularForm.git
最新文章
- Atitit常见的标准化组织与规范数量jcp ecma iso
- 使用JavaScript输出
- jad安装
- 如何使用OpenShare部署和运营企业门户
- 手机控制电脑,在WIFI局域网下(关机,重启,遥控)
- global中拦截404错误的实现方法
- 取CPU序列号，获取网卡，取硬盘系列号，获取目录下的文件，强制删除目录
- JavaScript基础一（js基础函数与运算符）
- OpenLayer实现路径运动
- casbin-权限管理
- 索引优化原则及Oracle中索引总结
- MD5在线加密的应用
- C# 反射（Reflection）
- ACM-ICPC World Finals 2019 G.First of Her Name
- java的list遍历
- Scrapy框架--代理和cookie
- Centos6.5下rsync+inotify的配置详解
- Java实现浏览器端大文件分片上传
- 报表导出excel方式介绍
- MySql在Linux上实现每天自动备份