例举一个patten的列子

可能出现的问题，表单元素需要添加name属性

还有的验证如maxlength,minlength,required等

一、验证某一个表单元素如下

*ngIf="shopInfoForm.controls['shopRent']?.errors?.pattern"

shopInfoForm是表单的引用

shopRent是表单元素的name

二、如果是验证表单中所有表单元素是否可用可如下

[disabled]="!shopInfoForm.form.valid"

valid 
当然还有其他属性如errors,dirty.....




												


											
angular5表单验证问题的更多相关文章
	

    
								
  1. Angular5+ 自定义表单验证器
		
    Angular5+ 自定义表单验证器 Custom Validators 标签(空格分隔): Angular 首先阐述一下遇到的问题: 怎样实现"再次输入密码"的验证(两个cont ...
    
		
    2. 
						
  2. jQuery学习之路（8）- 表单验证插件-Validation
		
    ▓▓▓▓▓▓ 大致介绍 jQuery Validate 插件为表单提供了强大的验证功能,让客户端表单验证变得更简单,同时提供了大量的定制选项,满足应用程序各种需求.该插件捆绑了一套有用的验证方法,包括 ...
    
		
    3. 
						
  3. 玩转spring boot——AOP与表单验证
		
    AOP在大多数的情况下的应用场景是:日志和验证.至于AOP的理论知识我就不做赘述.而AOP的通知类型有好几种,今天的例子我只选一个有代表意义的“环绕通知”来演示. 一.AOP入门 修改“pom.xml ...
    
		
    4. 
						
  4. form表单验证-Javascript
		
    Form表单验证: js基础考试内容,form表单验证,正则表达式,blur事件,自动获取数组,以及css布局样式,动态清除等.完整代码如下: <!DOCTYPE html PUBLIC &qu ...
    
		
    5. 
						
  5. ASP.NET MVC5+EF6+EasyUI 后台管理系统（33）-MVC 表单验证
		
    系列目录 注:本节阅读需要有MVC 自定义验证的基础,否则比较吃力 一直以来表单的验证都是不可或缺的,微软的东西还是做得比较人性化的,从webform到MVC,都做到了双向验证 单单的用js实现的前端 ...
    
		
    6. 
						
  6. 实现跨浏览器html5表单验证
		
    div:nth-of-type(odd){ float: left; clear: left; } .origin-effect > div:nth-of-type(even){ float:  ...
    
		
    7. 
						
  7. jQuery Validate 表单验证 — 用户注册简单应用
		
    相信很多coder在表单验证这块都是自己写验证规则的,今天我们用jQuery Validate这款前端验证利器来写一个简单的应用. 可以先把我写的这个小demo运行试下,先睹为快.猛戳链接--> ...
    
		
    8. 
						
  8. jquery validate表单验证插件-推荐
		
    1 表单验证的准备工作 在开启长篇大论之前,首先将表单验证的效果展示给大家.     1.点击表单项,显示帮助提示 2.鼠标离开表单项时,开始校验元素  3.鼠标离开后的正确.错误提示及鼠标移入时的帮 ...
    
		
    9. 
						
  9. 表单验证插件之jquery.validate.js
		
    提到表单验证的插件,第一个想到的就是jquery.validate.js,所以小生想在这里稍微详细地说一下这款插件的具体使用方法,便于理解,我直接附上整段demo的代码(没怎么调样式,主要是看js): ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. ajax response 系统错误时responseText出现一堆代码
			
    在后期维护webform的一个项目时遇到个比较大的坑,前台ajax请求,失败时弹出后台自定义的错误信息responsetext.结果在本地运行时能正常弹出“验证码错误”,而发布到服务器上respons ...
    
			
    2. 
						
  2. 来自阿里妈妈的iconfont(转）
			
    转自http://www.augsky.com/775.html 随便说说两者的优缺点 其实主要是说iconfont的优点和Font Awesome的缺点.-_-|||iconfont的图标库相当巨大 ...
    
			
    3. 
						
  3. C/S模型之命名管道
			
    说明:利用管道实现服务端与客户端之间的交互.效果等同于利用socket. 命名管道(NamedPipe)是一种简单的进程间通信(IPC)机制,是服务器进程和一个或多个客户进程之间通信的单向或双向管道. ...
    
			
    4. 
						
  4. 20154312 曾林 EXP9  Web安全基础
			
    目录 -0.webgoat Could not find source file -1.基础问题回答 -2.环境配置 -3.Injection Flaws ----3.1.Numeric SQL In ...
    
			
    5. 
						
  5. Linux基础命令---cat
			
    cat 连接文本文件或者标准输入,将结果输出到标准输出设备. 此命令的适用范围:RedHat.RHEL.Ubuntu.CentOS.SUSE.openSUSE.Fedora. 1.语法       c ...
    
			
    6. 
						
  6. ACM第二站————STL之stack
			
    栈,作为一种最基础的数据结构(栈还是一种内存的存储形式,就不介绍了),在各种数据结构的题目都会间接或者直接用到. 栈是一种受到限制的线性表,其限制是仅允许在表的一端进行插入和删除运算.这也给予了栈的一 ...
    
			
    7. 
						
  7. 树（Heap）
			
    对于大量的输入数据,链表的线性访问时间太慢,不宜使用——<数据结构与算法分析——C 语言描述> p 65 对于大量的输入数据,适合用树结构,大部分操作都是 O( log N ). 二叉树  ...
    
			
    8. 
						
  8. msf辅助模块的应用——20145301
			
    msf辅助模块的应用 实验步骤 创建msf所需的数据库 service postgresql start msfdb start 开启msf,输入命令 use auxiliary/scanner/di ...
    
			
    9. 
						
  9. 20145335郝昊《网络攻防》Exp 4 利用nmap扫描
			
    20145335郝昊<网络攻防>Exp 4 利用nmap扫描 实验原理 使用msf辅助模块,nmap来扫描发现局域网中的主机ip 实验步骤 首先使用命令创建一个msf所需的数据库 serv ...
    
			
    10. 
						
  10. 2018-2019-1 20189218《Linux内核原理与分析》第九周作业
			
    进程调度的时机 进程调度时机就是内核调用schedule函数的时机.当内核即将返回用户空间时,内核会检查need_resched标志是否设置.如果设置,则调用schedule函数,此时是从中断(或者异 ...
    
			
    11.