例举一个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. Zooming
			
    Zooming 是一款纯 javascript 图片缩放库,主要特点有: 不依赖其他库,纯 JavaScript 实现,支持移动设备: 流畅的动画: 可缩放高清图像: 易于集成和定制. 使用方法 1. ...
    
			
    2. 
						
  2. 【Redis学习之三】Redis单节点安装
			
    本文介绍两个版本:redis-2.8.18.tar.gz 和 redis-3.0.0-rc2.tar.gz,均采用源码安装方式 一.redis3.0 部署环境 redis-3.0.0-rc2.tar. ...
    
			
    3. 
						
  3. SpringMVC 拦截器实现原理和登录实现
			
    SpringMVC 拦截器的原理图 springMVC拦截器的实现一般有两种方式 第一种方式是要定义的Interceptor类要实现了Spring的HandlerInterceptor 接口 第二种方 ...
    
			
    4. 
						
  4. 20145316许心远《网络对抗》MSF基础应用
			
    20145316许心远<网络对抗>MSF基础应用 实验后回答问题 用自己的话解释什么是exploit,payload,encode. exploit:顾名思义就是攻击嘛,因为是个动词,所以 ...
    
			
    5. 
						
  5. C++设计模式 之 “状态变化” 模式：State、Memento
			
    “状态变化”模式 在组件构建过程中,某些对象的状态经常面临变化,如何对这些变化进行有效的管理?同时又维持高层模块的稳定?“状态变化”模式为这一问题提供了一种解决方案. 典型模式 # state # m ...
    
			
    6. 
						
  6. 20145318《网络对抗》Web安全基础实践
			
    20145318<网络对抗>Web安全基础实践 基础问题回答 1.SQL注入原理,如何防御 SQL注入 就是通过把SQL命令插入到“Web表单递交”或“输入域名”或“页面请求”的查询字符串 ...
    
			
    7. 
						
  7. VC 系统托盘编程，含有气泡提示
			
    转载一:http://blog.sina.com.cn/s/blog_6acf36ee0100rxdb.html 转载二:http://blog.csdn.net/akof1314/article/d ...
    
			
    8. 
						
  8. Harmonic Number （调和级数+欧拉常数）题解
			
    Harmonic Number In mathematics, the nth harmonic number is the sum of the reciprocals of the first n ...
    
			
    9. 
						
  9. 简单Shell案例
			
    使用shell命令进行左对齐或者右对齐 [root@bj-aws-yace-tbj mnt]# cat test.sh #! /bin/bash file=./test.txt echo -e &qu ...
    
			
    10. 
						
  10. Stream API
			
    引例: 1 List<String> strList = Arrays.asList("zhaojigang","nana","tiany ...
    
			
    11.