1. 首页
  2. 编程语言
  3. Javascript
  4. ionic使用angularjs表单验证(模板验证)

ionic使用angularjs表单验证(模板验证)

上传者: 2021-11-08 21:30:23上传 PDF文件 84.51 KB 热度 26次

顾名思义模板验证就是通过一些angularjs的属性来在html标签中验证,为了往模板驱动表单中添加验证机制,你要添加一些验证属性,就像原生的 HTML 表单验证器。Angular 会用指令来匹配这些具有验证功能的指令。每当表单控件中的值发生变化时,Angular 就会进行验证,并生成一个验证错误的列表或者 null。这是我写的一个小demo,这种验证方式无需写js代码全部在标签 里使用angularjs的属性,其他地方也无需引入angular forms库,因为ionic会自动默认引入。#username="ngModel"的作用是把我们绑定的模型值命名成username,变成了一个FormControl对象,这里不必纠结下节会讲。required 验证是否为空 maxlength="10" 最大长度 minlength="6"最小长度。invalid则表示参数值校验不通过为true,通过为false。

用户评论