例举一个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. mysql套接字文件
			
    
			
    2. 
						
  2. 用python实现一个简单的socket网络聊天通讯 （Linux --py2.7平台与windows--py3.6平台）
			
    windows   --> windows 写法均在py3.6 客户端写法 import socket client = socket.socket() client.connect(('192 ...
    
			
    3. 
						
  3. Object-C-NSFileManager
			
    +(NSFileManager *)defaultManager;//获得文件管理对象 -(BOOL)createFileAtPath:(NSString *)path contents:(NSDat ...
    
			
    4. 
						
  4. # 20155327 2016-2017-3 《Java程序设计》第5周学习总结
			
    20155327 2016-2017-3 <Java程序设计>第5周学习总结 教材学习内容总结 理解异常架构 粉红色的是受检查的异常(checked exceptions),其必须被 tr ...
    
			
    5. 
						
  5. Pointofix 1.7 Portable试用
			
    Pointofix 1.7 Portable简体中文单文件便携版 软件大小:347K软件语言:简体中文软件类别:国外软件/桌面工具/教育教学运行环境:windows XP/Vista/Win7开 发  ...
    
			
    6. 
						
  6. Hive 大数据倾斜总结
			
    在做Shuffle阶段的优化过程中,遇 到了数据倾斜的问题,造成了对一些情况下优化效果不明显.主要是因为在Job完成后的所得到的Counters是整个Job的总和,优化是基于这些 Counters得出 ...
    
			
    7. 
						
  7. Linux服务器---安装apache
			
    Apache安装    1.安装Apache,使用命令“yum install httpd -y” [root@localhost ~]# yum install httpd -y Loaded pl ...
    
			
    8. 
						
  8. Linux基础命令---diff
			
    diff 逐行比较两个文本文件,把文件的差异显示到标准输出.如果要指定要比较目录,那么diff命令会比较目录中相同文件名的文件,不会比较子目录. 此命令的适用范围:RedHat.RHEL.Ubuntu ...
    
			
    9. 
						
  9. php mysqli query 查询数据库后读取内容的方法
			
    php mysqli query 查询数据库后读取内容的方法 <?php$mysqli = new mysqli("localhost", "my_user&quo ...
    
			
    10. 
						
  10. 关于阿里云专有网络搭建FTP服务器的深坑
			
    之前用的FTP服务器都是,随便搭建一下就能用了, 昨天因为服务器的问题,换了个服务器,搭建FTP服务器的时候发现, 搭建的服务器居然只能使用 主动模式访问,改成被动后 无法获取目录, 百度了 各大论坛 ...
    
			
    11.