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

相关内容

热门资讯

重大来袭！奇迹陕西游戏辅助，潮... 重大来袭！奇迹陕西游戏辅助，潮汕雀友会下载app，详细app（有挂攻略）1、奇迹陕西游戏辅助辅助软件...
推荐攻略！微乐陕西小程序破解器... 推荐攻略！微乐陕西小程序破解器，情怀宜春辅助，详细神器（有挂解密）1）微乐陕西小程序破解器辅助插件：...
一分钟了解！天天贵阳游戏辅助，... 一分钟了解！天天贵阳游戏辅助，芒果辅助平台，详细攻略（了解有挂）1、玩家可以在天天贵阳游戏辅助线上大...
一分钟秒懂！乐平包王讨赏辅助，... 您好，乐平包王讨赏辅助这款游戏可以开挂的，确实是有挂的，需要了解加去威信【136704302】很多玩...
总算清楚！四川麻将口诀顺口溜，... 总算清楚！四川麻将口诀顺口溜，钱塘十三水辅助器，详细插件（有挂方法）1、金币登录送、破产送、升级送、...
每日必备！微乐多乐跑作弊，创思... 每日必备！微乐多乐跑作弊，创思维激k辅助器免费，详细器（有挂技术）1、操作简单，无需创思维激k辅助器...
科技分享！山西扣点点app技巧... 科技分享！山西扣点点app技巧，辅助挂定制交易平台，详细器（有挂存在）1、辅助挂定制交易平台公共底牌...
玩家必看科普！多乐辅助下载，微... 玩家必看科普！多乐辅助下载，微信微乐辅助ios，详细app（有挂工具）小薇（辅助器软件下载）致您一封...
教程攻略！菠萝辅助破解版，广西... 教程攻略！菠萝辅助破解版，广西友乐辅助器，详细挂（有挂讲解）1、不需要AI权限，帮助你快速的进行广西...
热点讨论！广东雀神挂件脚本开挂... 热点讨论！广东雀神挂件脚本开挂，新畅游互娱辅助，详细神器（真是有挂）该软件可以轻松地帮助玩家将广东雀...