0

Есть функция, которая валидирует введенные данные и отправляет их. Проверка работает корректно (если ошибка появляется сообщение об этом)

$('#validateForm').on('submit', function(event) {
    event.preventDefault();
    var $this = $(this),
        $inputs = $this.find('input[type!="submit"]'),
        is_valid = true;

    $inputs.each(function() {
        var $this = $(this),
            rules = $this.data('validate').split(' ');

        for(var i = 0, ci = rules.length; i < ci; i++) {
            if(!validator[rules[i]]($this)) {
                validator.markAsError($this);

                $this.next().html(validator.messages(rules[i]));

                is_valid &= false;
                return;
            } else {
                $this.removeClass('error');
                $this.next().html('');
            }
        }
    });

    return is_valid;
});

В случае правильного заполнения полей, при нажатии на кнопку "отправить" - отправка не происходит. В консоли ошибок нет. В чем может быть причина?

Полный код jsfiddle

3
  • Перенеси event.preventDefault(); туда, где находишь ошибку - эта строчка как раз отключает отправку
    – Darth
    21 янв 2016 в 9:52
  • метод как раз и находится там где проверка проводится. т.е. отменяет отправку если введены не корректные данные
    – siberian
    21 янв 2016 в 10:25
  • Нет, твой метод сначала отменяет отправку (прям первой строчкой), а потом уже проверяет данные.
    – Darth
    22 янв 2016 в 8:35

2 ответа 2

3

так отправки то нету - вот и не отправляет, а стандартное поведение ты отключаешь:

event.preventDefault();

UPDATE вот примерно как делать:

$('form').submit(function () {
    var name = $('#field').val();
    if (name  === '') { // не прошло проверку (пустое)
        return false;
    }
});
3
  • отключаю, потому что перед отправкой д.б. валидация
    – siberian
    21 янв 2016 в 10:29
  • @MarinaVoronova: То что К. написал Вам можно переформулировать так: event.preventDefault(); следует выполнять не вначала, а только в том случае, когда вы нашли "инвалидов" в данных.
    – Oleg
    21 янв 2016 в 10:33
  • попробовала перенести этот метод после строки $inputs.each(function() {...} не помогло. для этого необходима дополнительная функция?
    – siberian
    21 янв 2016 в 10:45
2
$('#validateForm').on('submit', function(event) {
    ....
    //Для каждого инпута
    $inputs.each(function() {
        ....
        //Для каждого правила
        for(var i = 0, ci = rules.length; i < ci; i++) {
            //Проверяем инпут правилом на валидность.
            if(!validator[rules[i]]($this)) {
                //Если инпут (хотя бы один) не валидный - отключаем отправку.
                event.preventDefault();
                ....
            } else {
                //А если валидный - то не отключаем. 
                ...
            }
        }
    });
});
2
  • Спасибо большое, вроде помогло! т.е. если данные из формы пропадают при нажатии на кнопку, значит они отправлены?
    – siberian
    22 янв 2016 в 11:48
  • 1
    @MarinaVoronova не обязательно, но в вашем случае скорее всего да. Если страница обновляется - то точно да.
    – Darth
    22 янв 2016 в 12:51

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.