我们可以使用不带形式的角度输入验证吗

穆萨

有没有一种方法可以使用不带形式的角度输入验证。见角形塞子当我<form name="myForm">通过<div name="myForm">验证更改后不再起作用。

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>
dfsq

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

如果出于布局原因您没有表单标签(嵌套<form>标签无效),则可以使用ngForm指令来实现相同的效果:

<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>

演示: https //plnkr.co/edit/WlCqNBWtqiGerkQy0Wad?p = preview

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

我们可以使用appium doctor验证Windows上的设置吗?

来自分类Dev

我们可以使用一行数据帧作为函数的输入吗?

来自分类Dev

我们可以使用一行数据帧作为函数的输入吗?

来自分类Dev

我们可以使用Shell脚本输入返回值吗?

来自分类Dev

我们可以使用Notepad ++解码URL吗?

来自分类Dev

我们可以使用类作为标题吗

来自分类Dev

我们可以使用动态管道吗?

来自分类Dev

我们可以使用OAuth来验证我的Web API中的使用者吗?

来自分类Dev

我们可以声明不带参数的朋友功能吗?

来自分类Dev

我们可以在c#多态中使用不同的方法返回类型吗

来自分类Dev

我们可以针对不同的移动浏览器使用不同的CSS吗?

来自分类Dev

我们可以针对不同的移动浏览器使用不同的CSS吗?

来自分类Dev

我们可以使用内联模板而不使用任何类型的路由吗?

来自分类Dev

什么时候使用类型推断?我们总是可以使用VAR吗?

来自分类Dev

在使用 Javascript 的量角器中,我们可以使用 try/catch 块来编写测试验证吗?

来自分类Dev

我们可以使用1个表实现布谷鸟哈希吗?

来自分类Dev

我们可以使用反射调用抽象类的私有方法吗?

来自分类Dev

我们可以使用ANTLR定义非上下文无关的语法吗?

来自分类Dev

我们可以使用JQuery或Javascript创建CSS选择器规则吗?

来自分类Dev

我们可以使用装饰器设计任何功能吗?

来自分类Dev

我们可以使用图表控件绘制第三Y轴吗

来自分类Dev

我们可以使用JDBC在Android中连接远程MySQL数据库吗?

来自分类Dev

我们可以使用django的python来创建应用程序吗?

来自分类Dev

我们可以使用Ionic 2和AngularJs 1吗?

来自分类Dev

我们可以使用宏在Clojure中的返回类型上静态分派吗?

来自分类Dev

无论线程库如何,我们都可以使用Mutex类吗?

来自分类Dev

我们可以使用动态扩展磁盘在Azure中创建VM吗?

来自分类Dev

我们可以使用Scribe Workbench写入(目标)文本文件吗?

来自分类Dev

我们可以使用Scala调试Java程序吗

Related 相关文章

  1. 1

    我们可以使用appium doctor验证Windows上的设置吗?

  2. 2

    我们可以使用一行数据帧作为函数的输入吗?

  3. 3

    我们可以使用一行数据帧作为函数的输入吗?

  4. 4

    我们可以使用Shell脚本输入返回值吗?

  5. 5

    我们可以使用Notepad ++解码URL吗?

  6. 6

    我们可以使用类作为标题吗

  7. 7

    我们可以使用动态管道吗?

  8. 8

    我们可以使用OAuth来验证我的Web API中的使用者吗?

  9. 9

    我们可以声明不带参数的朋友功能吗?

  10. 10

    我们可以在c#多态中使用不同的方法返回类型吗

  11. 11

    我们可以针对不同的移动浏览器使用不同的CSS吗?

  12. 12

    我们可以针对不同的移动浏览器使用不同的CSS吗?

  13. 13

    我们可以使用内联模板而不使用任何类型的路由吗?

  14. 14

    什么时候使用类型推断?我们总是可以使用VAR吗?

  15. 15

    在使用 Javascript 的量角器中,我们可以使用 try/catch 块来编写测试验证吗?

  16. 16

    我们可以使用1个表实现布谷鸟哈希吗?

  17. 17

    我们可以使用反射调用抽象类的私有方法吗?

  18. 18

    我们可以使用ANTLR定义非上下文无关的语法吗?

  19. 19

    我们可以使用JQuery或Javascript创建CSS选择器规则吗?

  20. 20

    我们可以使用装饰器设计任何功能吗?

  21. 21

    我们可以使用图表控件绘制第三Y轴吗

  22. 22

    我们可以使用JDBC在Android中连接远程MySQL数据库吗?

  23. 23

    我们可以使用django的python来创建应用程序吗?

  24. 24

    我们可以使用Ionic 2和AngularJs 1吗?

  25. 25

    我们可以使用宏在Clojure中的返回类型上静态分派吗?

  26. 26

    无论线程库如何,我们都可以使用Mutex类吗?

  27. 27

    我们可以使用动态扩展磁盘在Azure中创建VM吗?

  28. 28

    我们可以使用Scribe Workbench写入(目标)文本文件吗?

  29. 29

    我们可以使用Scala调试Java程序吗

热门标签

归档