Anjuar表单登录注册验证

注册(关键点):

1.<form #myRegistForm="ngForm">

表单中定义一个模板变量,并将其等于ngForm    为表单元素form建立一个控件组对象,作为控件的容器。

2. input中必须

(1)加name    

 (2)加绑定  [(ngModel)]="input_txt"

(3)加模板变量  并将绑定值给模板变量  #register="ngModel"

3.在提示信息中判断何时隐藏

用模板变量的值。 

控件被访问过 :touched  untouched

控件的值变化:dirty(变化过)  pristine(未变化) 

控件的值有效  valid invalid 

4.比如注册时 当输入的都通过时才能点击提交,否则无效

[disabled]="!(myRegister.form.valid)"

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 版本:Angular 5.0.0-alpha 表单是商业应用的支柱,我们用它来执行登录、求助、下单、预订机票、安排...
    soojade阅读 1,301评论 0 1
  • 细说 Angular 2+ 的表单(二):响应式表单 摘要 在企业应用开发时,表单是一个躲不过去的事情,和面向消费...
    接灰的电子产品阅读 5,855评论 8 28
  • angular提供了模板驱动和模型驱动两种方式来构建表单。模板驱动模式使用模板表单内置指令、内置校验的方式来构建表...
    oWSQo阅读 919评论 0 0
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 135,107评论 19 139
  • 每年夏天是学生溺水事故的高发期,每年都发生多起学生溺水事故,触目惊心,学生溺水事故呈上升趋势。因此,加强对学生...
    微笑是最美的阳光1314阅读 878评论 0 2