angular 表单验证
程序员文章站
2022-03-10 18:26:50
最近在用angular写表单验证时 , 不小心把ng-model全替换删掉了, 然后发现之前写的验证都失效, 在查阅资料和反复修改摸索后, 发现angular中的表单验证, 都是基于ng-model的. ng-model 指令为应用数据提供了以下状态值: $touched 通过触屏点击 $error ......
最近在用angular写表单验证时 , 不小心把ng-model全替换删掉了, 然后发现之前写的验证都失效, 在查阅资料和反复修改摸索后, 发现angular中的表单验证, 都是基于ng-model的. ng-model 指令为应用数据提供了以下状态值:
$touched 通过触屏点击 $error 非法详情 $dirty 表单有填写记录 $valid 字段内容合法的 $invalid 字段内容是非法的 $pristine 表单没有填写记录
附上简单的表单验证代码:
上一篇: 面向对象设计的七大原则
下一篇: 【模块化那些事】 拆散的模块化