javascript - 提交后显示感谢信息

Question

我的问题是，当我单击带有空文本字段的提交按钮时，验证出现，当我填写所有文本框并提交时模式只是闪烁。我认为他们有问题在我的脚本中。

这是我的验证脚本:

<script>
(function() {
  'use strict';
  window.addEventListener('load', function() {
    var forms = document.getElementsByClassName('needs-validation');
    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);
})();
  </script>

这是我的模态消息:

  <script>
      $(document).ready(function(){
        $("#submit").click(function(){
          if($('#username').val().trim().length > 0 && $('#id').val().trim().length > 0) {
             $("#modalSuccess").modal();
          } 
        });
      });
    </script>

希望你能帮我解决这个问题。高级感谢

Answer 1

你可以试试这个

if (form.checkValidity() === false) {
   event.preventDefault();
   event.stopPropagation();
   this.classList.add('was-validated');
}
else if (form.checkValidity() === true) {
   you success script
}