Где-то пропускаю ошибку, скрипт не дорабатывает

@Дима Артёмов · Регистрация: 16.10.2009

Студворк — интернет-сервис помощи студентам

Здравствуйте. Вот эта конструкция должна посчитать количество отмеченных чекбоксов (и считает), и если оно менее, допустим, 2, дать отлуп и не отправлять форму на сервер. То есть, вернуть false при сабмите формы. Так вот, не возвращает. Скажите, где я слажал?
Спасибо.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
<html>
    <head>
        <meta charset='utf-8'>
        <script type = "text/javascript">
        window.onload = function()
    {
        document.getElementById("Myform").onsubmit = function() 
        {
       isCountCheck();
        }
        function isCountCheck() 
        {
        var i, len, inputs = document.f.getElementsByTagName("input");
        var count = 0;
            for (i = 0, len = inputs.length; i < len; i++) 
            {
                if (inputs[i].type === "checkbox" && inputs[i].checked)
                {
                count+=1;
                }
            }
            if (count<2)
            alert("Отлуп определенного содержания");
        return false
        }   
    }
        
        </script>
    </head>
    <form action="anketa.php" method="post" name="f" id="Myform">
    
    С++<input type="checkbox" name="checkbox[]" id="С" value="C++"><br>
    JavaScript<input type="checkbox" name="checkbox[]" id="JS" value="JavaScript"><br>
    Perl<input type="checkbox" name="checkbox[]" id="Perl" value="Perl"><br>
    <input type="checkbox" name="checkbox[]" id="PHP" value="PHP"><br><br>
    <input type="submit" name="submit" id="countChecked" value="Отправить"> 
    </form>
    <a href="script.php">очистить</a><br><br><br>
 
   </body>
</html>

@whiteapps · 20.10.2014, 09:41

Дима Артёмов,

JavaScript
1
2
3
4
 document.getElementById("Myform").onsubmit = function() 
        {
       return isCountCheck();
        }

@Lazy_Den · 20.10.2014, 09:46

Дима Артёмов, для того, чтоб отменить событие submit формы, вместо "return false", используйте preventDefault():

JavaScript
1
2
3
4
5
6
7
8
9
10
function init(){
    document.f.addEventListener('submit', function(e){
        var chbx = this.querySelectorAll('input[type="checkbox"]'),
            cnt = [].filter.call( chbx, function( el ) {
            return el.checked;
        }).length;
        if(cnt < 2) e.preventDefault(); // отменяем submit формы
    }, false);
}
window.addEventListener('load', init, false);

@whiteapps · 20.10.2014, 09:53

Lazy_Den,

1) preventDefault() - это метод из jquery, а ТС его не используется
2) preventDefault от return false отличается только тем что, return false - не дает событию всплывать.
preventDefault актуален допустим при клике на элементе, когда вы не хотите мешать отработке события на родительских элементах.
submit - это событие только формы, он не всплывает. так что для него безразлично что использовать preventDefault или return false

@Lazy_Den · 20.10.2014, 09:57

whiteapps, сделаем проще... Вот вариант с pareventDefault, а вот тот же, но с return false. Сразу смотрим, что jQuery не подключен и открываем для себя то, что с return false, оно таки не работает, как хотелось бы..

@whiteapps · 20.10.2014, 10:07

Не по теме:

Lazy_Den, пойду РТФМить :read:

@Lazy_Den · 20.10.2014, 10:19

Сообщение от whiteapps

пойду РТФМить

Тут не нужно особо углубляться в манулы

В случае с формой, событие происходит на кнопке (в объекте события заметим, что "explicitOriginalTarget" - явная первоначальная цель - именно кнопка). И вы сами правильно сказали, что preventDefault предотвращает всплытие, а всплытие события от кнопки, приходится как раз на форму. ))

Добавлено через 5 минут
P.S. По своему ответу на основной вопрос - что-то я с утра перемудрил. ))

JavaScript
1
var cnt = this.querySelectorAll('input:checked').length; // сразу количество отмеченых

@Дима Артёмов · 20.10.2014, 11:41 **[ТС]**

Всем спасибо! Век живи- век учись.

Новые блоги и статьи Все статьи Все блоги /
SDL3 для Web (WebAssembly): Синхронизация спрайтов SDL3 и тел Box2D 8Observer8 04.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-sync-physics-sprites-sdl3-c. zip На первой гифке отладочные линии отключены, а на второй включены:. . .	SDL3 для Web (WebAssembly): Идентификация объектов на Box2D v3 - использование userData и событий коллизий 8Observer8 02.03.2026 Содержание блога Финальная демка в браузере. Итоговый код: finish-collision-events-sdl3-c. zip https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11680&d=1772460536 Одним из. . .	Реалии Hrethgir 01.03.2026 Нет, я не закончил до сих пор симулятор. Эта задача сложнее. Не получилось уйти в плавсостав, но оно и к лучшему, возможно. Точнее получалось - но сварщиком в палубную команду, а это значит, в моём. . .	Ритм жизни kumehtar 27.02.2026 Иногда приходится жить в ритме, где дел становится всё больше, а вовлечения в происходящее — всё меньше. Плотный график не даёт вниманию закрепиться ни на одном событии. Утро начинается с быстрых,. . .
SDL3 для Web (WebAssembly): Сборка библиотек: SDL3, Box2D, FreeType, SDL3_ttf, SDL3_mixer и SDL3_image из исходников с помощью CMake и Emscripten 8Observer8 27.02.2026 Недавно вышла версия 3. 4. 2 библиотеки SDL3. На странице официальной релиза доступны исходники, готовые DLL (для x86, x64, arm64), а также библиотеки для разработки под Android, MinGW и Visual Studio. . . .	SDL3 для Web (WebAssembly): Реализация движения на Box2D v3 - трение и коллизии с повёрнутыми стенами 8Observer8 20.02.2026 Содержание блога Box2D позволяет легко создать главного героя, который не проходит сквозь стены и перемещается с заданным трением о препятствия, которые можно располагать под углом, как верхнее. . .	Конвертировать закладки radiotray-ng в m3u-плейлист damix 19.02.2026 Это можно сделать скриптом для PowerShell. Использование . \СonvertRadiotrayToM3U. ps1 <path_to_bookmarks. json> Рядом с файлом bookmarks. json появится файл bookmarks. m3u с результатом. # Check if. . .	Семь CDC на одном интерфейсе: 5 U[S]ARTов, 1 CAN и 1 SSI Eddy_Em 18.02.2026 Постепенно допиливаю свою "многоинтерфейсную плату". Выглядит вот так: https:/ / www. cyberforum. ru/ blog_attachment. php?attachmentid=11617&stc=1&d=1771445347 Основана на STM32F303RBT6. На борту пять. . .

@whiteapps 414 / 379 / 220 Регистрация: 18.07.2014 Сообщений: 1,259
	20.10.2014, 09:53
	Lazy_Den, 1) preventDefault() - это метод из jquery, а ТС его не используется 2) preventDefault от return false отличается только тем что, return false - не дает событию всплывать. preventDefault актуален допустим при клике на элементе, когда вы не хотите мешать отработке события на родительских элементах. submit - это событие только формы, он не всплывает. так что для него безразлично что использовать preventDefault или return false 0

@Lazy_Den 3325 / 2845 / 1423 Регистрация: 15.01.2014 Сообщений: 6,170
	20.10.2014, 09:57
	whiteapps, сделаем проще... Вот вариант с pareventDefault, а вот тот же, но с return false. Сразу смотрим, что jQuery не подключен и открываем для себя то, что с return false, оно таки не работает, как хотелось бы.. 1

@whiteapps
	20.10.2014, 10:07
	Не по теме: Lazy_Den, пойду РТФМить :read: 0

@Дима Артёмов 2 / 2 / 1 Регистрация: 16.10.2009 Сообщений: 112
	20.10.2014, 11:41 [ТС]
	Всем спасибо! Век живи- век учись. 0