Javascript 我们可以使用无格式的角度输入验证吗

有没有一种方法可以不用表单就使用角度输入验证。看到了吗。当我通过

更改

时，验证不再有效

HTML:

<form name="myForm">
  <label>
     User name:
     <input type="text" name="userName" ng-model="user.name" required>
  </label>
  <div role="alert">
    <span class="error" ng-show="myForm.userName.$error.required">
     Required!</span>
  </div>
  <label>
     Last name:
     <input type="text" name="lastName" ng-model="user.last" ng-minlength="3" ng-maxlength="10">
  </label>
  <div role="alert">
    <span class="error" ng-show="myForm.lastName.$error.minlength">Too short!</span>
    <span class="error" ng-show="myForm.lastName.$error.maxlength">Too long!</span>
  </div>
</form>

用户名：
必修的！
姓氏：
太短了！
太久了！

您需要有form指令，因为ngModel搜索其控制器以注册自身并利用验证功能

如果由于布局原因，不能使用表单标记（嵌套的

标记无效），则可以使用指令来实现相同的效果：

<ng-form name="myForm">
  <label>
     User name:
     <input type="text" name="userName" ng-model="user.name" required>
  </label>
  <div role="alert">
    <span class="error" ng-show="myForm.userName.$error.required">
     Required!</span>
  </div>
  <label>
     Last name:
     <input type="text" name="lastName" ng-model="user.last"
     ng-minlength="3" ng-maxlength="10">
  </label>
  <div role="alert">
    <span class="error" ng-show="myForm.lastName.$error.minlength">
      Too short!</span>
    <span class="error" ng-show="myForm.lastName.$error.maxlength">
      Too long!</span>
  </div>
</ng-form>

用户名：
必修的！
姓氏：
太短了！
太久了！

---

演示：

删除

表单的原因是什么？
我对输入的实际使用是在带有
angular.module（'myModule'）.component（'myInput'）
的输入组件中，该组件将在父表单组件中调用，我不想在form@Mouss所以你只需要输入验证<代码>ng模型
使验证成为可能…@Mikey ng模型没有响应我的需求，因为我有20个Angle指令用于特定的输入表单验证，我不想用ng模型重写所有这些验证指令。您可以在div中使用ng表单指令。这将起作用。检查链接Thanx@dfsq，当您说>ngModel搜索其控制器以注册自身并利用验证功能时。你是说ngModel搜索表单的控制器？我是说
。因此，ngModel指令在DOM树上搜索
ngForm
指令。当它找到它的时候，它就向它注册。类似于
ngFormController.addControl（…）
。