angular属性绑定和[disabled]属性来实现简单的输入框验证_angular [disabled] 属性-程序员宅基地

技术标签: angular  前端  输入框验证  

  1. 使用场景

一个输入框和一个提交按钮,当输入框为空时提交按钮不可用。

  2.方法

angular属性绑定和disabled属性。[(ngModel)]是双向绑定。

Html

这里就已经可以实现输入框为空时button不可用,但是在浏览器里,简单的篡改button的disable属性就可以绕过这个验证,进一步需要js验证。

Ts

注:这个comment是预定义的对象。

其实这个也可以被篡改,所以在服务器上也应该进行验证。

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/qq_26372385/article/details/84976698

智能推荐

关于C++中getline 函数的一个陷阱_getline的弊端-程序员宅基地

文章浏览阅读943次。关于C++中getline 函数的一个陷阱_getline的弊端

kubernetes-一些常见的异常_read-only range request-程序员宅基地

文章浏览阅读1.2w次。1. Getting a bunch of 404 when Initializers option is activated# systemctl status kube-apiserverDec 19 12:43:30 rmxk8sctl01 kube-apiserver[7012]: I1219 12:43:30.665129 7012 wrap.go:42] GET /apis/admis..._read-only range request

知识图谱:【知识图谱问答KBQA(一)】——依存分析简介_syntactic parsing-程序员宅基地

文章浏览阅读1.3k次。句法分析句法分析(syntactic parsing)是自然语言处理中的关键技术之一,它是对输入的文本句子进行分析以得到句子的句法结构的处理过程。对句法结构进行分析,一方面是语言理解的自身需求,句法分析是语言理解的重要一环,另一方面也为其它自然语言处理任务提供支持。语义分析通常以句法分析的输出结果作为输入以便获得更多的指示信息。根据句法结构的表示形式不同,最常见的句法分析任务可以分为以下三种:1.句法结构分析(syntactic structure parsing),又称短语结构分析(phrase s_syntactic parsing

缺少libssl.so.10依赖的解决办法-程序员宅基地

文章浏览阅读1.3k次,点赞8次,收藏9次。可以尝试重新安装该软件包,以便它能够找到正确的依赖库。如果在安装某个软件包时出现了缺失。希望这些方法能够帮助你解决问题。当你在Linux系统中遇到缺少。_libssl.so.10

【Apollo 6.0学习笔记】Apollo模块_apollo hmi_engine模块-程序员宅基地

文章浏览阅读2.3k次,点赞3次,收藏22次。本文主要简单整理下 Apollo 各模块接口及算法。_apollo hmi_engine模块

收藏|43个自动驾驶经典、热门数据集资源汇总_自动驾驶数据集-程序员宅基地

文章浏览阅读1.9k次,点赞6次,收藏33次。当今社会,自动驾驶技术已成为汽车产业的未来趋势。但是,要想让自动驾驶车辆真正上路行驶,离不开大规模的高质量数据集的支撑。本文将为您介绍43个经典、热门的自动驾驶数据集,希望对您在选择适合的数据集时有所帮助。_自动驾驶数据集

随便推点

软考 系统架构设计师 高分通过的经验和心得_高分 软考-程序员宅基地

文章浏览阅读1.3k次。自从考试成绩公布以来,我一直想分享一下我备考的经验和心得。然而,我的拖延症让我总是耽搁着没有写下来。这次考试对我的挑战可谓不小,但我还是尽力而为,经过了充分的备考和思考,终于高分通过了,_高分 软考

计算机毕业设计springboot基于微信小程序的车位共享系统的设计与实现11g969【附源码+数据库+部署+LW】_共享程序设计-程序员宅基地

文章浏览阅读427次。选题背景:随着城市化进程的加快和汽车保有量的不断增加,停车位资源日益紧张成为城市交通管理的一大难题。传统的停车方式存在着停车位浪费、停车难、停车费用高等问题。为了解决这些问题,设计一个基于微信小程序的车位共享系统具有重要意义。意义:基于微信小程序的车位共享系统的设计与实现对于城市交通管理和停车资源利用具有重要的意义和价值。首先,该系统可以提高停车位资源的利用率。传统的停车方式往往存在着停车位浪费的问题,因为许多停车位在白天或夜晚时段处于闲置状态。而基于该系统的设计可以通过共享模式,将闲置的停车位租借_共享程序设计

ESP32 开发笔记 ESP32开发环境搭建 Windows10 Eclipse开发环境_eclipse 开发esp32-程序员宅基地

文章浏览阅读2.3k次,点赞3次,收藏15次。注意:Eclipse开发先安装esp-idf-tools-setup2.9版本,此工具安装后自带了Eclipse开发环境具体安装方法查看ESP32 开发笔记 ESP32开发环境搭建 Windows10 esp-idf-tools-setup安装按上方文章安装完成后,电脑桌面会有一个ESP-IDF Eclipse图标,版本为2021-3,还是挺新的双击打开,第一次运行先设置工作目录,在硬盘上创建一个ESP32工程的目录,不要有中文、空格,最好不要在C盘,因为编译会产生大量文件,占用硬盘空间.._eclipse 开发esp32

毕设福利112个全新、创新的Java计算机毕业设计项目,让你的毕设独树一帜-程序员宅基地

文章浏览阅读13次。Springboot社区疫情防控信息管理系统的设计与实现xk7p2。Springboot疫情防疫信息化管理系统的设计与实现z18b5。Springboot羽毛球俱乐部管理系统的设计与实现48r85。Springboot基于Vuejs的中国名茶销售平台5ruj8。Springboot疫情物资管理系统的设计与实现j616w。Springboot小区物业管理平台的设计与实现d7rk3。Springboot房屋租赁管理系统的设计与实现64tm5。Springboot基于的文成考研培训管理系统4qe36。

步进电机简单使用:STM32 PWM输出固定数目的脉冲数(基于CubeMX)_stm32输出固定数量脉冲-程序员宅基地

文章浏览阅读4.2k次,点赞10次,收藏58次。本文讲解步进电机驱动原理,以及如何通过CubeMX实现快速配置PWM来输出固定数目个脉冲_stm32输出固定数量脉冲

网站安全检测:推荐 8 款免费的 Web 安全测试工具_目前市面使用最多的web安全漏洞扫描软件-程序员宅基地

文章浏览阅读1.3k次。随着 Web 应用越来越广泛,Web 安全威胁日益凸显。黑客利用网站操作系统的漏洞和 **Web**服务程序的 SQL 注入漏洞等得到 Web 服务器的控制权限,轻则篡改网页内容,重则窃取重要内部数据,更为严重的则是在网页中植入恶意代码,使得网站访问者受到侵害。这也使得越来越多的用户关注应用层的安全问题,对 Web 应用安全的关注度也逐渐升温。_目前市面使用最多的web安全漏洞扫描软件