Angular 7中的Bootstrap 4.1表单验证类不起作用。
创始人
2024-10-17 06:00:38
0次

在Angular 7中，Bootstrap 4.1的表单验证类可能不起作用的原因是，Bootstrap 4.1需要一些额外的CSS类来处理表单验证。

以下是解决方法的代码示例：

  1. 首先，确保已经正确引入Bootstrap的CSS文件。在index.html文件中添加以下代码：
  1. 在你的表单元素中添加Bootstrap的验证类。例如，如果你想验证一个输入框是否为空，可以添加required类：
  1. 在提交表单时，你需要手动触发Bootstrap的表单验证。你可以使用Angular的模板引用变量来获取表单元素，并调用checkValidity()方法来触发验证。示例代码如下：

  
  



submitForm(form: NgForm) {
  // 手动触发表单验证
  form.form.controls['myInput'].markAsTouched();
  if (form.form.valid) {
    // 执行表单提交逻辑
  }
}

通过以上步骤，你应该能够在Angular 7中正确使用Bootstrap 4.1的表单验证类。

上一篇：Angular 7中的表单表达式ChangedAfterItHasBeenCheckedError - 带有条件输入字段

下一篇：Angular 7中的Bootstrap 4轮播指示器无法正常工作。

相关内容

热门资讯

第八分钟辅助！西元红河辅助，真... 第八分钟辅助！西元红河辅助，真是是真的有辅助攻略（有挂方法）暗藏猫腻，小编详细说明西元红河辅助破解器...
9分钟辅助！奇迹陕西麻将辅助器... 9分钟辅助！奇迹陕西麻将辅助器，切实存在有辅助攻略（有挂方式）奇迹陕西麻将辅助器是不是有人用挂微扑克...
三分钟辅助！广西老友玩助手，真... 三分钟辅助！广西老友玩助手，真是存在有辅助教程（真是有挂）1、广西老友玩助手公共底牌简单，广西老友玩...
第1分钟辅助！闲来透视辅助器最... 第1分钟辅助！闲来透视辅助器最新版，一直存在有辅助app（确实有挂）闲来透视辅助器最新版能透视中分为...
第8分钟辅助！哈糖菠萝怎么挂，... 第8分钟辅助！哈糖菠萝怎么挂，真是是真的有辅助挂（确实有挂）1、上手简单，内置详细流程视频教学，新手...
第四分钟辅助！心悦填大坑辅助器... 第四分钟辅助！心悦填大坑辅助器，好像真的是有辅助方法（有挂教学）1、很好的工具软件，可以解锁游戏的心...
第4分钟辅助！陕麻圈黑科技，好... 第4分钟辅助！陕麻圈黑科技，好像是有辅助挂（有挂方略）陕麻圈黑科技脚本下载中分为三种模型：陕麻圈黑科...
第九分钟辅助！新九五有没有脚本... 第九分钟辅助！新九五有没有脚本，果然有辅助挂（新版有挂）1、进入到新九五有没有脚本是否有挂之后，能看...
第5分钟辅助！威信茶馆透视挂，... 第5分钟辅助！威信茶馆透视挂，一直有辅助插件（有挂讲解）威信茶馆透视挂辅助器是一种具有地方特色的麻将...
第9分钟辅助！蜀山四川破解版安... 第9分钟辅助！蜀山四川破解版安卓版辅助，原来有辅助脚本（有挂秘诀）蜀山四川破解版安卓版辅助破解侠是真...