Откомменченное

290
2018 03 февраля

Скрипт тестирование на JavaScript (jQuery)

На форуме один из пользователей очень хотел нечто подобное:
(Надо закончить предложения, введя в input правильное слово в правильной форме) 1. I didn’t have much |форма для ввода| – just two small bags. Форма ввода просто должна сравнить то, что ввели юзеры с правильными ответами, если юзер ввел правильно, ему в переменную var добавилось столько-то баллов, по итогам проверки, результаты вывелись в div, "вы набрали var баллов из 100" чтобы нужные соответствия были в переменных перед началом кода?

Пытался его убедить, что тут нужна сервера обработка, иначе любой школьник может посмотреть на уровне браузера клиента правильные ответы и в консоли набить себе любые баллы

Потому набросал подобный скрипт, в браузере без перезагрузки проверяющий результаты введенных в форму данных по заранее определенному массиву правильных ответов https://jsfiddle.net/4n8f1jh1/

На всякий случай код под катом

Метки:
855
2009 19 января

Show\hide в формах (checkbox && Jquery)

Show hide в формах checkbox  JqueryБанальнейшая вещь в своей приятности - по клику на элемент показать\скрыть содержимое определенного блока. Понадобилось мне сделать такую полезность для большой формы - при отмеченном checkbox дать пользователю возможность выбора определенных параметров. Собственно решение ниже. Понадобится дополнительное включение jquery, весь же остальной код приведен ниже.
1
23
45
67
89
1011
1213
1415
16
$(document).ready(function(){
        //по умолчанию скрываем DIV        $("#tblview").css("display","none");
        // добавляем onclick на checkbox w/id param        $("#param").click(function(){
                // If checked                if ($("#param").is(":checked"))
                {                        //показываем скрытый слой
                        $("#tblview").show("fast");                } else {
                        //скрываем его                        $("#tblview").hide("fast");
                }        });
});
1
23
4
<form>
<input id="param" type="checkbox" /><label for="param">показать скрытый элемент:</label></form>
<div id="tblview">Скрытое содержимое блока</div>
Пример работы

Откомменченное