小编Pra*_*dha的帖子

如何从有效控件禁用引导程序 4 验证样式

我正在为我的应用程序使用 bootstrap 4 样式。应用程序有两个文本框和一个提交按钮。当您单击“保存”按钮时,它将调用 Web API 并异步获取一些详细信息(它不会重定向页面)。验证仅适用于第一个文本框。

(function() {
  'use strict';
  window.addEventListener('load', function() {
    // Fetch all the forms we want to apply custom Bootstrap validation styles to
    var forms = document.getElementsByClassName('needs-validation');
    // Loop over them and prevent submission
    var validation = Array.prototype.filter.call(forms, function(form) {
      form.addEventListener('submit', function(event) {
        if (form.checkValidity() === false) {
          event.preventDefault();
          event.stopPropagation();
        }
        form.classList.add('was-validated');
      }, false);
    });
  }, false);
})();
Run Code Online (Sandbox Code Playgroud)
<!DOCTYPE html>
<html>

<head>
  <!-- Required meta tags -->
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <script …
Run Code Online (Sandbox Code Playgroud)

html javascript css jquery bootstrap-4

13
推荐指数
3
解决办法
1万
查看次数

标签 统计

bootstrap-4 ×1

css ×1

html ×1

javascript ×1

jquery ×1