Форма запроса не отправляется после проверки - PullRequest
Новая
       9

Форма запроса не отправляется после проверки

0 голосов
/ 11 октября 2019

Не знаю, почему, но моя форма не будет отправлена ​​после подтверждения. Я знаю, что не должен использовать какие-либо поля ввода с именем или идентификатором «submit», что я не делаю. Я предполагаю, что метод предотвращения по умолчанию останавливает отправку? Как я могу проверить перед отправкой? 

<form method="post" id="offersForm" enctype="multipart/form-data">
        <input type="text" name="offerTitle" id="offerTitle" maxlength="70" class="form-control yellow" placeholder="Offer title" value="" />


        <input type="submit" id="addOffer" name="addOffer" class="btn button-black" value="Add Offer" />
     </form> 


<script type="text/javascript">
$(document).ready(function() {

  $('#offersForm').submit(function(e) {
        e.preventDefault();
        var offerTitle = $('#offerTitle').val();

        $(".error").removeClass('error');

        if (offerTitle.length < 1) {
            $('#offerTitle').addClass('error');
            return false;
        }

        return true

    });
  });
</script>

Ответы [ 2 ]

2 голосов
/ 11 октября 2019

Пожалуйста, проверьте человека, я исправил ваш код. 

$(document).ready(function() {

  $('#addOffer').click(function() {
        
        var offerTitle = $('#offerTitle').val();

        $(".error").removeClass('error');

        if (offerTitle.length < 1) {
            $('#offerTitle').addClass('error');
            return false;
        }
      $('#offersForm').submit();
        return true

    });
  });
.error{
    border-color: red;
}
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="post" id="offersForm" enctype="multipart/form-data">
        <input type="text" name="offerTitle" id="offerTitle" maxlength="70" class="form-control yellow" placeholder="Offer title" value="" />


        <input type="button" id="addOffer" name="addOffer" class="btn button-black" value="Add Offer" />
     </form>
0 голосов
/ 11 октября 2019 

$(document).ready(function() {

  $('#addOffer').click(function(e) {
        e.preventDefault();
        var offerTitle = $('#offerTitle').val();

        $(".error").removeClass('error');

        if (offerTitle.length < 1) {
            $('#offerTitle').addClass('error');
            return false;
        }
      $('#offersForm').submit();
        return true

    });
  });
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<form method="post" id="offersForm" enctype="multipart/form-data">
        <input type="text" name="offerTitle" id="offerTitle" maxlength="70" class="form-control yellow" placeholder="Offer title" value="" />


        <input type="button" id="addOffer" name="addOffer" class="btn button-black" value="Add Offer" />
     </form>
...