当前位置: 首页 > news >正文

AngularJs的表单验证

需求

  • Name 必填

  • Username 非必填,最小长度3,最大长度8

  • Email 非必填,但必须是合法的email

  • 验证未通过的表单不能提交

  • 显示一个必填或者非法email格式的错误信息

  • 如果正确提交就弹出一个祝贺信息

现在知道我们的目标了吧,让我们一起来构建这个东西吧.

 

Angular 的表单属性 $valid, $invalid, $pristine, $dirty

Angular 提供了有关表单的属性来帮助我们验证表单. 他们给我们提供了各种有关一个表单及其输入的信息,并且应用到了表单和输入.

Angular 也提供了有关表单及其输入框的类,以便你能够依据每一个状态设置其样式.

 原文地址:https://www.oschina.net/translate/angularjs-form-validation

 

 

转载于:https://www.cnblogs.com/web-aqin/p/8820456.html

相关文章:

  • 如何查看linux中的ssh端口开启状态
  • Go 语言之 struct 结构体
  • 安卓设置背景图平铺,同时设置背景色
  • 在GitHub多个账号上使用不同的SSH的配置方法
  • 为用户管理连接 Confluence 6 到 Jira 应用程序
  • 加密算法:DigestUtils与java MessageDigest
  • Spring Extensible XML
  • mooc-IDEA alter enter--008
  • 20172318 2017-2018-2 《程序设计与数据结构》第6周学习总结
  • 坚持不走寻常路 解读“锐捷式”创新的三个突破
  • Java基础-正则表达式(Regular Expression)语法规则简介
  • 你不知道的js坑
  • 关于肥胖和美国为什么那么多胖子
  • 机器视觉技术太阳能光伏硅片EL检测方案
  • BTA | 王涛:传统IT人如何用数据库思维来理解区块链?去中心化数据库也许是答案...
  • [PHP内核探索]PHP中的哈希表
  • 《剑指offer》分解让复杂问题更简单
  • Django 博客开发教程 8 - 博客文章详情页
  • golang中接口赋值与方法集
  • Hexo+码云+git快速搭建免费的静态Blog
  • k8s 面向应用开发者的基础命令
  • React-生命周期杂记
  • tweak 支持第三方库
  • unity如何实现一个固定宽度的orthagraphic相机
  • Zsh 开发指南(第十四篇 文件读写)
  • 对JS继承的一点思考
  • 分布式任务队列Celery
  • 使用 QuickBI 搭建酷炫可视化分析
  • 智能合约Solidity教程-事件和日志(一)
  • 摩拜创始人胡玮炜也彻底离开了,共享单车行业还有未来吗? ...
  • !!Dom4j 学习笔记
  • ${ }的特别功能
  • (1/2)敏捷实践指南 Agile Practice Guide ([美] Project Management institute 著)
  • (27)4.8 习题课
  • (带教程)商业版SEO关键词按天计费系统:关键词排名优化、代理服务、手机自适应及搭建教程
  • (附源码)springboot 房产中介系统 毕业设计 312341
  • (五) 一起学 Unix 环境高级编程 (APUE) 之 进程环境
  • (一)kafka实战——kafka源码编译启动
  • (一)基于IDEA的JAVA基础1
  • (已解决)vue+element-ui实现个人中心,仿照原神
  • (原創) 如何安裝Linux版本的Quartus II? (SOC) (Quartus II) (Linux) (RedHat) (VirtualBox)
  • (转)微软牛津计划介绍——屌爆了的自然数据处理解决方案(人脸/语音识别,计算机视觉与语言理解)...
  • .bashrc在哪里,alias妙用
  • .bat批处理(五):遍历指定目录下资源文件并更新
  • .net redis定时_一场由fork引发的超时,让我们重新探讨了Redis的抖动问题
  • .NET 使用 ILRepack 合并多个程序集(替代 ILMerge),避免引入额外的依赖
  • .NET 应用架构指导 V2 学习笔记(一) 软件架构的关键原则
  • .net和php怎么连接,php和apache之间如何连接
  • .NET上SQLite的连接
  • .net图片验证码生成、点击刷新及验证输入是否正确
  • .NET中的Exception处理(C#)
  • [ 英语 ] 马斯克抱水槽“入主”推特总部中那句 Let that sink in 到底是什么梗?
  • [8-27]正则表达式、扩展表达式以及相关实战
  • [BZOJ3757] 苹果树
  • [C#]winform部署yolov5-onnx模型