如何在表单元素外使用验证

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

如果您不想使用实际的<form/>元素，则可以使用ng-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 （或$invalid ），因为$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>