Angular验证：在按钮点击时验证/突出显示子输入
创始人
2024-10-30 11:30:15
0次

在Angular中，可以使用响应式表单和模板驱动表单来验证和突出显示子输入。下面是一个使用模板驱动表单的示例代码：

在组件的HTML模板中，使用ngForm指令创建一个表单，并在子输入上使用ngModel指令进行双向绑定和验证：


  

    
    
    

      

        Name is required.
      

    

  

  

    
    
    

      

        Email is required.
      

      

        Invalid email format.

在组件的类中，定义相应的属性和验证逻辑：

export class MyComponent {
  name: string;
  email: string;
}

对于按钮点击时的验证和突出显示子输入，可以在提交表单时使用myForm.invalid属性来禁用提交按钮，并在子输入的div元素中使用myForm.controls['inputName'].invalid属性来决定是否显示错误消息。

上一篇：Angular验证：输入应该包含拉丁字符或格鲁吉亚字符，但两者不能同时包含。

下一篇：Angularyearpickerwithfutureyeardisabled

相关内容

热门资讯

此事引发广泛关注！大菠萝辅助器... 此事引发广泛关注！大菠萝辅助器，阿拉游戏中心辅助工具苹果版，绝活辅助教程（有挂秘诀）-哔哩哔哩1、这...
这一问题亟待解决!兴动互娱脚本... 这一问题亟待解决!兴动互娱脚本(辅助)果然真的是有辅助插件(有挂教程)-哔哩哔哩该软件可以轻松地帮助...
反观!粤友圈的挂(辅助)好像是... 反观!粤友圈的挂(辅助)好像是有辅助下载(有挂总结)-哔哩哔哩；1）粤友圈的挂辅助插件：进一步探索粤...
2026版技巧！pokerno... 2026版技巧！pokernow辅助控制，四川游戏家园破解，绝活儿辅助教程（有挂方式）-哔哩哔哩1、...
做出回应!能否雀神挂件怎么安装... 做出回应!能否雀神挂件怎么安装(辅助)总是有挂辅助工具(有挂技术)-哔哩哔哩1、全新机制【能否雀神挂...
透视美元局！epoker透视，... 透视美元局！epoker透视，山西扣点子技巧，秘籍辅助器（有挂细节）-哔哩哔哩1、山西扣点子技巧公共...
反观!顺欣茶坊脚本(辅助)原来... 反观!顺欣茶坊脚本(辅助)原来存在有辅助挂(讲解有挂)-哔哩哔哩所有人都在同一条线上，像星星一样排成...
据权威媒体报道！epoker有... 据权威媒体报道！epoker有透视吗，微信雀神挂件辅助器，机巧辅助app（有挂教程）-哔哩哔哩1、微...
据目击者称!来物局潮汕辅助(辅... 据目击者称!来物局潮汕辅助(辅助)都是是真的辅助下载(有挂讲解)-哔哩哔哩来物局潮汕辅助破解侠是真的...
黑科技代打！智星德州插件怎么下... 黑科技代打！智星德州插件怎么下载，悠悠互娱辅助，攻略辅助app（竟然有挂）-哔哩哔哩黑科技代打！智星...