Вопрос/помощь по jquery?

Question

[pillson]

Есть форма покупки в 1 клик, я проверяю 2 поля, вешаю флаг ошибок, если ошибок нет пытаюсь запустить отправку формы но не отправляет, возможно из-за preventDefault?

$('.sendClick').click(function(e){
        
        e.preventDefault();
        var errorsForm = false;
        var nameVal = $('input[name="userNameOneClick"]').val();
        
        if(nameVal.length < 3 ) {
            errorsForm = true;
            $('[name=userNameOneClick]').css('border', 'red 1px solid');
        } else {
            $('[name=userNameOneClick]').css('border', 'rgba(0,0,0,0.15) 1px solid');
        }
        
        var phoneVal = $('[name=phone]').val().replace(/[^\d.]/ig, '');
        
            if (phoneVal.length < 11 ) {

               errorsForm = true;
               $('[name=phone]').css('border', 'red 1px solid');
            } 
           else {
                
                $('[name=phone]').css('border', 'rgba(0,0,0,0.15) 1px solid');
              }
            
            if (errorsForm==false) {
                
                $('.form__modal').submit();

            }
    });

Comments

[Pashok Doom]

html покажи

[pillson]

Pashok Doom,

<div class="modal__div" id="order__one_click">
        <div class="modal__wrapper">
            <div class="modal__close"></div>
            <h2 class="modal__title">Купить в 1 клик</h2>

            <div class="modal__description">
                <p>Оформите быстрый заказ в один клик.</p>
                <p>Для этого напишите ФИО и контактный номер
                    телефона. После успешного оформления ожидайте
                    звонканашего оператора.</p>
            </div>

            <form method="post" class="form form__modal">

                <label><input type="text" name="userNameOneClick" placeholder="Ваше имя"></label>

                <label><input type="text" name="phone" placeholder="+7 (___) ___ __ __" required=""></label>


                <button type="submit" name="submit" class="btn_red btn sendClick">Заказать</button>
            </form>
        </div>
    </div>

[Pashok Doom]

pillson, у формы action нет, куда он сабмитить будет?

[pillson]

Pashok Doom, если на action срабатывает POST['submit'] то начинается обработка формы и тп, в случае успеха редирект

[pillson]

Pashok Doom, там и не нужен action в форме

Answer 1

[Александр]

Попробуй по другому, через событие формы submit:

$('.form__modal').submit(function (e) {
  var errorsForm = false;
  var nameVal = $('input[name="userNameOneClick"]').val();

  if (nameVal.length < 3) {
    errorsForm = true;
    $('[name=userNameOneClick]').css('border', 'red 1px solid');
  } else {
    $('[name=userNameOneClick]').css('border', 'rgba(0,0,0,0.15) 1px solid');
  }

  var phoneVal = $('[name=phone]').val().replace(/[^\d.]/ig, '');

  if (phoneVal.length < 11) {

    errorsForm = true;
    $('[name=phone]').css('border', 'red 1px solid');
  } else {

    $('[name=phone]').css('border', 'rgba(0,0,0,0.15) 1px solid');
  }
  return !errorsForm;
});

Comments

[pillson]

да, это решило проблему, спасибо