event.preventDefault не работает при проверке переключателей

Question

event.preventDefault не работает при проверке переключателей

0

Я пытаюсь проверить, проверены ли все элементы (переключатели). Следующий код работает, но как только я нажимаю на окно предупреждения, он снова появляется. Использование event.stopPropagation() ничего не меняет. Он не ждет, пока пользователь проверит остальные предметы.

$(document).ready(function(){
        $(document).on('submit','#formular',function(event){
            $("input:radio").each(function() {
                var val = $('input:radio[name=' + this.name + ']:checked').val();
                if (val === undefined) {
                    alert("Not every item answered");
                    event.preventDefault();
                    }
                });
            });
        });

beginneR 01 апр. 2014, в 23:05

Источник

0

Не могу понять проблему здесь! пожалуйста, разместите скрипку -> jsfiddle.net
lshettyl 01 апр. 2014, в 20:58

Теги:

javascript

jquery

validation

preventdefault

1 ответ

Ещё вопросы

Не могу понять проблему здесь! пожалуйста, разместите скрипку -> jsfiddle.net

DanFromGermany · Accepted Answer · 2014-04-01T18-05-00.000Z

Вы не preventDefault из цикла, используя preventDefault, обычно вы должны использовать break или continue, но в jQuery $.each вы должны использовать return true для продолжения и return false эквивалент break.

    $(document).ready(function(){
        $(document).on('submit','#formular',function(event){
            $("input:radio").each(function() {
                var val = $('input:radio[name=' + this.name + ']:checked').val();
                if (val === undefined) {
                    alert("Not every item answered");
                    return false;
                }
            });
            // When invalid formular:
            return false;
            // When it valid:
            return true;
        });
    });

См. Также этот вопрос: проверка jquery: предотвратить форму submit

Видеть:

Как вырваться из jQuery каждый цикл

Как разбить/выйти из функции each() в JQuery?

https://api.jquery.com/each/

спасибо, но когда я использую return = false; вместо этого он сразу загружает следующую страницу.
Как я могу проверить, является ли формуляр действительным или нет?
Есть много способов сделать это. Мой любимый и самый надежный способ - отправить все данные через Ajax на сервер, позволить серверу проверить данные и вернуть JSON с сообщением об успешном истине или успешном ложном + сообщении об ошибке.
хорошо, но если я только хочу использовать jquery. Как мне изменить вышеуказанную функцию, чтобы добиться этого?
Вы устанавливаете переменную isValid = true; и когда одно поле не соответствует требованиям, в конце вы устанавливаете isValid = false вы просто возвращаете эту переменную, чтобы отменить или продолжить отправку. Но имейте в виду: проверка на стороне клиента не является надежной. Любой может обойти Javascript и отправить неправильный материал на ваш сервер.
@DanFromGermany ты только что спас мне один месяц борьбы!