AngularJs实现ng1.3+表单验证

前端之家收集整理的这篇文章主要介绍了AngularJs实现ng1.3+表单验证前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

前一篇文章详解说过,ng1.3+以后对于表单验证有了优化,它不再需要一个详细的表达式状态创建元素显示或隐藏。

例如:我们在ng1.3之前的版本都需要如下写法:

代码如下:
ng1.3之后新增了一个ngMessages指令,他被打包成一个模块发布,因此我们使用的时候只需要将这个依赖模块引入即可

代码如下:
怎么用?

现在我们学习一下,它的用法,Code如下:

<div class="jb51code">
<pre class="brush:xhtml;">
<!DOCTYPE html>
<html ng-app="myTest">

Index
<style type="text/css"&gt;
  body {
    padding-top: 30px;
  }
</style>
用户名

$error:{{myForm.name.$error}}
required">必填项

猜你在找的JavaScript相关文章