首页 > 解决方案 > AngularJS 表单验证($invalid、$error 等)

问题描述

对于以下代码:

userType: <input name="input" ng-model="userType" required> 
...
myForm.input.$valid = {{myForm.input.$valid}}
myForm.input.$error = {{myForm.input.$error}}

如果用户触摸输入并将其留空,$valid两者都会$error出现。false

我的问题是:

  1. angularjs如何定义$valid$error?例如,$touched有两种状态(触摸或未触摸)。但是“有效”或“无效”是什么意思?
  2. 我可以自定义或重新定义它们吗?

标签: angularjsvalidation

解决方案


$valid只需根据输入是否有效返回一个布尔值。但$error提供有关错误的详细信息。例如,如果您为表单设置了几个验证并且所有验证都无效,则错误将显示所有错误的详细说明。

演示


推荐阅读