Как не отправлять форму, если значение ложное?

Question

[deespe1]

Есть простая капча с вводом суммы двух чисел

var a = Math.ceil(Math.random() * 10);
var b = Math.ceil(Math.random() * 10);
var c = a + b;

function captcha(){
document.getElementById('text').innerHTML='Сколько будет ' + a + ' + ' + b + '?';
}

function checkCaptcha(){
var d = document.getElementById('captchaEdit').value;

if(d == c) {
return true;
}
else {
return false;
}
}

Она возвращает или правда или ложь. Как мне прикрутить ее на форму правильно, чтобы она не отправлялась при значение false.

onsubmit="return checkCaptcha();"

На кнопке добавить такое не помогает

Answer 1

[zoozag]

onsubmit вешается на форму.
Плюс надо добавить event.preventDefault(); в функцию сheckCaptcha()

Answer 2

[Егор Живагин]

Есть же кнопка "Отправить" ? По клику на неё проверяете форму через капчу. Если true - только тогда submit

Comments

[deespe1]

оно и понятно, но нужен код)

[Влад]

И можно в добавок возвращать результат так return d == c; если не ошибаюсь.

[Kovalsky]

deespe1, "оно и понятно, но нужен код)" - тогда вам на freelance.ru *закрывающая скобка*

[deespe1]

Никита Полевой, да уже разобралсо

Answer 3

[Andrew]

let frm = document.querySelector('.frm'); // .frm = класс формы
    frm.addEventListener('submit', function(e){
        e.preventDefault();
        return checkCaptcha();
    });