angular 课堂笔记 脏值检测 表单验证方式(指令)

来源:转载

必填校验共同点不论是否输入过,都会对表单进行验证不同点1 Required h5提供的一个属性,因此有些浏览器会做额外的校验提示Ng-required ...


必填校验共同点不论是否输入过,都会对表单进行验证不同点1 Required h5提供的一个属性,因此有些浏览器会做额外的校验提示Ng-required 是一个指令,不会影响浏览器校验(浏览器校验捕获不到这个指令)2 ng-required 必须传递一个属性值 (true),required属性不用最大长度校验和最小长度校验共同点,1 都是根据属性值做长度的校验2 只在输入的时候做校验,不会在未输入($dirty = false)情况下做校验(此时$invalid=true)不同点1 maxlength和minlength 是h5 属性,浏览器会特殊处理(maxlength:当超过最大长度时候,不允许我们继续输入)Ng-maxlength和ng-minlength是指令,不会影响浏览器正则验证:ng-pattern pattern共同点1 都是根据正则表达式做校验2 他们都只在输入时候做校验,没有在未输入($dirty = false)时候不会做校验(此时$invalid=true)不同点1ng-pattern 他的值是标准正则表达式 /abc/Pattern 他的值是一个正则表达式内容 abc2pattern 使用时候,一些浏览器会做校验Ng-pattern 使用时候,浏览器不会做校验12

注册系统

3
456789101112131415161718192021222324252627 282930

请正确输入用户名

31

请输入1到11位数字

32

这项是必填

33

按照邮箱的格式填写

3435

请添加完整

3637383940


Ng-disabled

Ng-disabled 表单会变成灰色True 表示不能操作False 表示可以继续操作


Ng-readonly

Ng-readonly 表单不变色True 表示是只读的False 表示可以操作的Ng-disabled和ng-readyonly都可以同时表单元素什么时候可以操作,什么时候不可以操作他的只是样式的1

267
8 9
1014
本文章版权归爱创课堂所有,转载请注明出处。更多详细内容请访问爱创课堂官网首页http://www.icketang.com/


相关热词搜索:课堂笔记


上一篇:angular 课堂笔记 脏值检测 下一篇:最后一页


延伸阅读:

·爱创课堂前端培训 AngularJS angular简介(2017-11-02)
·爱创课堂前端培训 AngularJS 多分支模板指令(2017-11-03)
·爱创课堂前端培训 AngularJS 自定义指令(2017-11-03)
·爱创课堂前端培训 AngularJs 自定义观察者模式服务(2017-11-06)
·爱创课堂前端培训 AngularJs 项目实战(2017-11-06)

分享给朋友:
您可能感兴趣的文章:
随机阅读: