Задать вопрос
Bazhenovdev
@Bazhenovdev
bazhenovn.github.io
javascript

Как открыть блок по вводу фразы?

Всем привет друзья! У меня такой вопрос, есть ли такой способ... открытия блока. Перед вами инпут с кнопкой, и он просит ввести у вас фразу.. какую-то секретную фразу, вы вводите ее в это поле, и нажимаете на кнопку, он открывает какой либо блок. Но если пароль был введен не верно, то тогда он не показывает вам этот блок а просто просит ввести пароль еще раз. Как бы форма входа.. только без логина. Если можно то как такое сделать? Без вмешательств PHP и MySQL?
  • Вопрос задан
  • 236 просмотров
2 комментария
Подписаться 1 Оценить 2 комментария
Решения вопроса 1
allewa
@allewa
Это как codepen.io плюс вот это codepen.io
Ищите в сторону quiz. Такое можно за полчаса сделать.
Вот jQuery Quiz Plugin специально для этого codepen.io
Ответ написан
6 комментариев
6 комментариев
Пригласить эксперта
Ответы на вопрос 1
Winsik
@Winsik
сис.админ, недопрограммист :)
Что то типа такого: 
<html>
<head>
<script src="http://code.jquery.com/jquery-latest.min.js"
        type="text/javascript"></script>

<script type="text/javascript">
jQuery(function(){
        $("#btn-search").click(function(){                                         
        $(".error").hide();
        var hasError = false;
        var searchReg = /^[a-zA-Z0-9-]+$/;
        var searchVal = $("#search-text").val();
        if(searchVal == '') { //пустая строка
            $("#search-text").after('<span class="error">Please enter a search term.</span>');
            hasError = true;
        } else if(!searchReg.test(searchVal)) {  //ошибка , не правильные симыолы
            $("#search-text").after('<span class="error">Enter valid text.</span>');
	    $("#search-text").val()=''; //обнуляем строку
            hasError = true;
        }
        if(hasError == true) {return false;}
				else { // всё хорошо
					$("#search-text").after('<span class="error">Search term accepted.</span>');
					return false;
				}
    });
});
</script>

</head>
<body>
<form method="post" name="form1" action="">
     <fieldset>
          <div><label>Search:</label><input type="text" name="search-text" id="search-text" value="" size="32" /></div>
          <div><label></label><input type="submit" value="Submit" id="btn-search" /></div>
     </fieldset>
</form>
</body>
</html>


Только вам надо будет как то проверять пароль , но не используя php это не серьёзно
Ответ написан
1 комментарий
1 комментарий
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
Вакансии с Хабр Карьеры
JavaScript разработчик
SummerWeb • Ярославль
от 100 000 до 140 000 ₽
JavaScript разработчик
вАйТи
от 5 000 до 25 000 ₽
JavaScript Fullstack
OnClass
от 200 000 до 600 000 ₽
Ещё вакансии
Заказы с Хабр Фриланса
Фронтер - DevOps. Развернуть фронт на хостинге. Прокинуть в телегу-бот
25 апр. 2024, в 04:38
15000 руб./за проект
Приложение или модуль для Wordpress для учета поездок по QR
25 апр. 2024, в 03:58
10000 руб./за проект
Ошибка в 1с при выгрузке товаров на сайт на Битриксе
25 апр. 2024, в 03:08
3000 руб./за проект
Ещё заказы