博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
AngularJS快速入门指南14:数据验证
阅读量:6198 次
发布时间:2019-06-21

本文共 665 字,大约阅读时间需要 2 分钟。

AngularJS表单和控件可以对用户输入的数据进行验证。


输入验证

  在之前的章节中你已经了解了有关AngularJS表单和控件的相关内容。

  AngularJS表单和控件可以提供数据验证服务,并对不合法的数据给出提示信息。

Note 请注意任何情况下都不能仅靠客户端的数据验证,服务端数据验证也是必须的。

程序代码

Validation Example

Username:

Username is required.

Email:

Email is required. Invalid email address.

Note novalidate属性表示禁用浏览器默认的数据验证功能。

代码解释

  AngularJS指令ng-model将input标签绑定到模型中。

  模型对象有两个属性:useremail

  通过使用ng-show指令来显示或隐藏<span>元素,该元素的字体被设置成红色,当user或email是$dirty$invalid时显示。

过滤器 描述
$dirty 表示当前field中的内容被修改过。
$valid 表示当前field中的内容是有效的。
$invalid 表示当前field中的内容是无效的。
$pristine 表示当前field中的内容还没有被修改。

本文转自Jaxu博客园博客,原文链接:http://www.cnblogs.com/jaxu/p/4500213.html,如需转载请自行联系原作者

你可能感兴趣的文章
网页多个对象动态刷新的实现
查看>>
java基础——2final不简单
查看>>
16进制整数转化成字符串
查看>>
这些年做LAMP的几点感悟——张东进
查看>>
git_git学习笔记
查看>>
查看QQ同时在线人数,分布
查看>>
MPFlipViewController
查看>>
发布一个库到CocoaPods
查看>>
java.util.Scanner
查看>>
开源 java CMS - FreeCMS2.6 数据库信息采集
查看>>
类和动态内存分配
查看>>
数组的全排列
查看>>
Extjs 3.2 EXT中的AJAX
查看>>
ContentResolver类
查看>>
Spring 中 redis 使用
查看>>
java.lang.OutOfMemoryError: Java heap space 解决方法
查看>>
CentOS6.0 x64 位将光盘作为yum源
查看>>
ubuntu 14.04 root用户登录
查看>>
MySQL性能优化的最佳20+条经验
查看>>
为什么使用Erlang?
查看>>