文档章节

AngularJS validation with messages

Geek-S
 Geek-S
发布于 2015/12/30 10:24
字数 255
阅读 179
收藏 1

「深度学习福利」大神带你进阶工程师,立即查看>>>

    接着上次的AngularJS remote validation,在表单验证中,我们有各种规则,eg:required,minlength,maxlength这些是H5提供的属性,AngularJS提供了ng-pattern用于正则表达式,一个表单有N个验证规则,那么我们如何进行不同提示信息的展示呢。

    0如果只是一种验证规则,我们可以简单的实现:

<div ng-show="form.$invalid">validation message</div>

    1如果是多个验证规则,通过这种方式,我们拿不到具体未通过的验证规则,所以采用AngularJS提供的angular-    messagers,(当然,并不是说angular-messagers只有这一个应用场景)参考:AngularJS-ngMessages

0在加载模块时,添加:
    angular.module('angularJS', 
		['ngMessages']);

1信息提示代码:
<form name="myForm">
  <label>
    Enter your name:    <input type="text"
           name="myName"
           ng-model="name"
           ng-minlength="5"
           ng-maxlength="20"
           required />
  </label>
  <pre>myForm.myName.$error = {{ myForm.myName.$error | json }}</pre>

  <div ng-messages="myForm.myName.$error" style="color:maroon" role="alert">
    <div ng-message="required">You did not enter a field</div>
    <div ng-message="minlength">Your field is too short</div>
    <div ng-message="maxlength">Your field is too long</div>
  </div>
</form>



Geek-S
粉丝 13
博文 77
码字总数 18976
作品 0
大兴
程序员
私信 提问
加载中
请先登录后再评论。
Go-node

Go-node 是一个用 Go 语言实现的 Erlang/OTP node 已支持的功能: Publish listen port via EPMD Handle incoming connection from other node using Erlang Distribution Protocol Spawn E......

匿名
2013/01/25
1.5K
1
PHP web 服务器--YACS

YACS 是一个强大的 PHP 脚本,可以让你维护一个动态的 Web 服务器。 特性: - Runs on your own server, or on a shared web site - Post articles with web forms, by e-mail, or remotely ......

匿名
2013/03/18
860
0
AngularJS 的UI增强指令集--AngularUI

Angular UI 顾名思义,AngularJS 的UI增强指令集,提供了IE、jQuery 兼容,以及一些常用 UI 组件。 包含的模块有: UI-Utils UI-Modules UI-Alias UI-Bootstrap NG-Grid UI-Router IDE Plug...

匿名
2012/12/24
4.2W
0
RSS 阅读器--CommaFeed

CommaFeed 是 Google Reader 的开源实现,使用 Java ,基于 AX-RS, Wicket 和 AngularJS 开发。 直接发布到 OpenShift 平台的步骤: Create an account on OpenShift. Add an application, ......

匿名
2013/05/17
1W
8
轻量级的双向绑定工具 —— ukulelejs

几个月前ukulelejs初具雏形的时候,作者就在oschina推过,博客链接请戳 经过几个的不断完善和内部项目实践,ukujs已经趋于稳定,并可以投入生产环境中使用。今天带着全新的官网,再次来推荐一...

熊丸子
2015/10/21
671
15

没有更多内容

加载失败,请刷新页面

加载更多

红队之windows用户和组

目录 0x01 用户账户和组策略 0x02 Windows中的访问控制 0x03 安全标识符SID 0x04 用户账户控制(UAC) 用户帐户 用户帐户是对计算机用户身份的标识,本地用户帐户、密码存在本地计算机上,只...

黑白天安全团队
昨天
15
0
厉害了!百度智能云NIRO Pro智能机器人半年内连获三项产品设计大奖

短短半年内,百度智能云NIRO Pro智能机器人连获三项产品设计大奖,其中包括有“设计界奥斯卡”之称的德国红点奖,成功引领了全球助理机器人的工业设计和发展趋势风向标。红点奖评委这样评价,...

百度智能云
2019/12/04
5
0
StringBuider 在什么条件下、如何使用效率更高?

作者:后青春期的Keats cnblogs.com/keatsCoder/p/13212289.html 引言 都说 StringBuilder 在处理字符串拼接上效率要强于 String,但有时候我们的理解可能会存在一定的偏差。最近我在测试数据...

Object_Man
今天
11
0
发布更新|腾讯云 Serverless 产品动态 20200813

一、云函数 SCF + Ckafka 联合转储方案正式发布 发布时间: 2020-08-06 产品背景: SCF + Ckafka 联合转储方案可以帮忙用户节省使用与开发成本,用户可以将 Ckafka 消息转储同步转储至消息队...

腾讯云Serverless
今天
5
0
如何正确强制执行Git推送? - How do I properly force a Git push?

问题: I've set up a remote non-bare "main" repo and cloned it to my computer. 我已经建立了一个远程的非裸露的“主”仓库,并将其克隆到我的计算机上。 I made some local changes, u......

javail
今天
14
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部