Как проверить элементы формы для пробелов перед отправкой с использованием AJAX?

Question

Я пытаюсь проверить элементы формы перед отправкой с использованием AJAX-запроса.Проверяется на наличие ошибок, но форма отправляется.

Мой код:

$('#accountFormAddEdit').on('submit', function(e){
        e.preventDefault();
        if($('#account').val() == "")
        {
          alert("Account name is required");
        } else {
          $.ajax({
            url: '<?= base_url() ?>controller/method',
                    method: 'POST',
                    data: $('#accountFormAddEdit').serialize(),
            beforeSend:function(){
              $('#submit').val("Saving");
              $('#accountForm').modal('hide');
            },
            success:function(data){
              $('#accountFormAddEdit')[0].reset();
              $('#accountForm').modal('hide');
            },
                    dataType: 'JSON',
          });
        }
        location.reload();
      });

Я использую HTML Modal, чтобы показать форму И PHP Codeigniter.

Когда я отправляю форму, location.reload() не обновляет страницу, чтобы получить результат, я использую ее для обновления страницы.

Так, как проверить наличие пробелов и предотвратить формуПредоставить данные и получить ответ без обновления?

Answer 1

Вы должны поместить location.reload(); в функцию успеха или после alert("Account name is required");, чтобы предотвратить событие обновления, если вы проверите пробел

Answer 2

если значений нет, а затем вернуть false, используйте следующую функцию: -

 $('#accountFormAddEdit').on('submit', function(e){
    e.preventDefault();
    if($('#account').val() == ""){
      alert("Account name is required");
      return false;
    } else {
        $.ajax({
       url: '<?= base_url() ?>controller/method',
       method: 'POST',
       dataType: 'JSON',
       data: $('#accountFormAddEdit').serialize(),
       beforeSend:function(){
         $('#submit').val("Saving");
         $('#accountForm').modal('hide');
       },
       success:function(data){
         $('#accountFormAddEdit')[0].reset();
         $('#accountForm').modal('hide');
         location.reload();
       },
    });
  }
});