как вызвать проверку javascript в предопределенной функции boostrap при отправке формы? - PullRequest
0 голосов
/ 11 июля 2020

Я использовал собственный стиль проверки из boostrap для всех полей, кроме одного текстового поля. где я закодировал javascript для пользовательской проверки. поэтому, когда я отправляю форму, все 9 полей работают правильно, но если проверка не выполняется в текстовом поле, которое я дал свой код js, форма отправляется, даже если есть ошибка. так как я буду обрабатывать проверку этого текстового поля? и сделайте так, чтобы форма отправлялась правильно.

  1. вот мой javascript код для текстового поля.

    function ReservedDomain() {  
    
      var domainname = new Array("zoho","ph","dotcodes","plasmagen","test","demo","dai", "slap");  
      var txtInput = document.getElementById("subdomain").value;  
      var error = 0;  
      for (var i = 0; i < domainname.length; i++) {  
          var val = domainname[i];  
          if ((txtInput.toLowerCase()).indexOf(val.toString()) > -1) {  
              error = error + 1;  
          }  
      } 
    
      if (txtInput == "")
      {
          document.getElementById('errorname').innerHTML="Please provide a domain Name";
          event.preventDefault();
          event.stopPropagation();
      }
    
     else if (error > 0) {  
    
          document.getElementById('errorname').innerHTML="Domain name not available";  
          event.preventDefault();
          event.stopPropagation();
      }  
      else {  
          document.getElementById('errorname').innerHTML="Domain name available"; 
    
      }                  
      }
    
  2. это мой Boostrap предопределенная функция для отправки формы

    (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();
            }
            else if (form.checkValidity() === true)
            {
              ReservedDomain();
              modal();
              event.preventDefault();
              event.stopPropagation();
            }
            form.classList.add('was-validated');
            event.preventDefault();
            event.stopPropagation();
    
    
    
          }, false);
        });
      }, false);
    })
    (); 
    

когда я нажимаю кнопку отправки, отображается

домен недоступен

но открывается модальное окно. это текстовое поле не включается в проверку.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...