AngularJs ng-minlength&ng-maxlength指令

1.ng-minlength用于限制ng-model变量的值的最短长度

2.ng-maxlength用于限制ng-model变量的值的最大长度

用例:<div>

        <input type=“text” ng-    model=“firstname” ng-minlength=“3”  ng-maxlength=“5”/> 

<p>{{firstname}}</p>

        </div>

效果:当往输入框输入的内容少于2位或大于5位时,则p标签处的插入指令无效(无法显示)

这两个指令通常用于表单验证:默认会生成一个ng-vaild-minlength class,当验证条件不满足时则会生成相应格式的invalid class,ng-maxlength同理

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • AngularJSAngularJS 是一个 MV* 框架, 最适于开发客户端的单页面应用。它不是个功能库,...
    一直以来都很好阅读 4,398评论 0 0
  • AngularJS是什么?AngularJs(后面就简称ng了)是一个用于设计动态web应用的结构框架。首先,它是...
    200813阅读 5,581评论 0 3
  • Spring Cloud为开发人员提供了快速构建分布式系统中一些常见模式的工具(例如配置管理,服务发现,断路器,智...
    卡卡罗2017阅读 136,107评论 19 139
  • 1.背景介绍 指令是一个Dom元素上的标签(和元素上的属性, CSS类样式一样,属于这个Dom元素)它告诉Angu...
    cczhuc阅读 4,991评论 0 1
  • 海棠社第92社 主题:不限 要求:韵脚顺序为门、盆、魂、痕、昏 体裁:七律 文/寒霜 【原创】 乡愁 梦里归乡急入...
    刘寒霜阅读 3,725评论 60 45

友情链接更多精彩内容