例举一个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. HDU 1586 log 的运用
			
    log函数的应用,因为 log(a^b)=b*log(a); log(a*b)=log(a)+log(b); 比如 log10(123456789)==log10(1.23456789)+8; log ...
    
			
    2. 
						
  2. Python: 字符串搜索和匹配,re.compile() 编译正则表达式字符串，然后使用match() , findall() 或者finditer() 等方法
			
    1. 使用find()方法 >>> text = 'yeah, but no, but yeah, but no, but yeah' >>> text.find( ...
    
			
    3. 
						
  3. IO(字节流)
			
    1. 字节流类以InputStream 和 OutputStream为顶层类,他们都是抽象类(abstract) 2. 最重要的两种方法是read()和write(),它们分别对数据的字节进行读写.两 ...
    
			
    4. 
						
  4. Linux基础命令---cat
			
    cat 连接文本文件或者标准输入,将结果输出到标准输出设备. 此命令的适用范围:RedHat.RHEL.Ubuntu.CentOS.SUSE.openSUSE.Fedora. 1.语法       c ...
    
			
    5. 
						
  5. P4001 [BJOI2006]狼抓兔子（对偶图）
			
    P4001 [BJOI2006]狼抓兔子 最短路+对偶图 看这题最容易想到的就是网络流.Dinic可以过,据说还跑得比正解快. 如果不写网络流,那么需要知道2个前置知识:平面图和对偶图(右转baidu ...
    
			
    6. 
						
  6. 安装webpack出现警告： fsevents@^1.0.0 (node_modules\chokidar\node_modules\fsevents):
			
    警告如下: npm WARN optional SKIPPING OPTIONAL DEPENDENCY: fsevents@^1.0.0 (node_modules\chokidar\node_mo ...
    
			
    7. 
						
  7. django admin 使用
			
    Django admin 中一些常用的设置 Django自带的后台管理是Django明显特色之一,可以让我们快速便捷管理数据.后台管理可以在各个app的admin.py文件中进行控制.以下是我最近摸索 ...
    
			
    8. 
						
  8. 使用liner、feather、multiband对已经拼接的数据进行融合
			
    所谓"blend",英文解释为“vt. 混合vi. 混合:协调n. 混合:掺合物”这里应该理解为是图像数据的融合.这是“识别->对准->融合”的最后一步.融合是决定拼接 ...
    
			
    9. 
						
  9. Adobe漏洞攻击
			
    Adobe漏洞攻击 windows ip 开启msfconsole 进入攻击模块 设置攻击载荷payload 设置相关参数 确定需要修改的参数 exploit生成5303.pdf 将pdf复制到靶机里 ...
    
			
    10. 
						
  10. libcurl开源库在Win32程序中使用下载文件显示进度条实例
			
    一.配置工程引用libcurl库 #define CURL_STATICLIB #include "curl/curl.h" #ifdef _DEBUG #pragma comme ...
    
			
    11.