forms - 我如何使用没有表单元素的验证

Question

如何在不提供表单名称的情况下对特定输入、div 或区域进行角度验证。

<form name = 'form'>
    <input name = 'userId'>
    <tt ng-show="form.userId.$error'>There's something wrong</tt>
</form>

我可不可以做

<input name = 'userId'>
<tt ng-show="userId.$error'>There's something wrong</tt>

摆脱形式。我这样做 b/c 我可能需要一个我不想附加表单元素和名称的单个输入字段。

Answer 1

ng-form如果您不想使用实际<form/>元素，则可以使用。

<ng-form name="angularForm">
    <input name='userId'/>
    <tt ng-show="angularForm.userId.$error">There's something wrong</tt>
</ng-form>

一些注意事项：

• 如果你想验证ngModel是必需的
• 您可能想使用angularForm.userId.$valid(or $invalid) as$error将始终显示为一个对象

jsFiddle 上的工作示例

<ng-form name="angularForm">
    <input name='userId' required="required" ng-model="someText" /> 
    <tt ng-hide="angularForm.userId.$valid">There's something wrong</tt>
    {{angularForm.userId.$error}}
</ng-form>