Умная кнопка

@Dobrolubov · Регистрация: 13.02.2023

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

Здравствуйте!

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

Получилось сделать проверку текста на истину и выведение ответа: истина/ложь.

Осталось решить как сделать, после ввода верного ответа, появляющуюся кнопку с ссылкой на ресурс...

Код:

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
<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>Ввод ответа</title> 
    </head> 
    <body> 
    <form>
        <p id="error" style="display: none; color: red"></p>
        <p>Введите ответ:</p> 
        <p><input name="ip" pattern="^[Л-лукошко]"></p> 
        <p><input type="submit" value="Проверить"></p> 
    </form>
    <script src="https://snipp.ru/cdn/jquery/2.1.1/jquery.min.js"></script> 
    <script> 
        (function($) {
            var error = {
                show: function(msg) {
                    $('#error').text(msg).css('color', 'red').show();
                },
                success: function(msg) {
                    $('#error').text(msg).css('color', 'green').show();
                },
                hide: function() {
                    $('#error').hide();
                }
            }
 
            $('form [type="submit"]').off().on('click', function() {
                error.hide();
                event.preventDefault();
                if($('[name="ip"]').val() == "Счастье") {
                    error.success('Верно!');
                } else {
                    error.show('Видимо здесь что-то иное...');
                }
            });
        })(jQuery);
    </script>
    </body> 
</html>

krvsa · 15.02.2023, 18:01

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

Иначе зачем вообще использовать <form> ?

Меня в своего перековывать не нужно... Я только на форму и вешаю обработчик.

А тему эту еще раз развил благодаря тебе.

Тогда у меня аргументов не хватило... Теперь их список увеличился.

@xkkx · 15.02.2023, 18:20

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

Я только на форму и вешаю обработчик.

А я уже перестал что либо вешать, ибо устал писать обработчики ajax и fetch. В соседней теме по PHP нашёл отличный скрипт, который довёл до ума, и теперь могу делать аля так

HTML5
1
2
3
4
5
<form id="login" data-api-method="login">
    <input type="text" value="" name="login"/>
    <input type="password" value="" name="password"/>
    <input type="submit"/>
</form>

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
MethodAPI('login').on('onPreCall', (event, ArgsCall) => { // Перед вызовом
    // Добавляем параметры для вызова 
    ArgsCall.append('params[]', 1);
    ArgsCall.append('params[]', 2);
 
    // return false; // Завершим вызов к API
}).on('onResult', (event, params) => { // onSuccess / onError
    // console.log(params);
    // let isError = params['error'] ? 'Ошибка: ' : 'Успех: ';
    // alert(isError  + params['message']);
}).on('onError', (event, params) => { // Если скрипт вернул ошибку в ответе error 
     console.log(params);
     alert('Ошибка: ' + params['message']);
}).on('onSuccess', (event, params) => { // Если скрипт НЕ вернул ошибку в ответе error 
     console.log(params);
     alert('Успех: ' + params['message']);
}).on('onCatch', (event, errorMessage, ArgsCall) => { // К примеру отвалился интернет 
     console.log(errorMessage);
});

Ну и сам PHP

PHP
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
require_once "api.php";
 
if(!defined('method_call')) {
    return;
}
 
switch(method_call) {
    case 'login':
        $login = trim(filter_input_post_or_get('login'));
        $password = trim(filter_input_post_or_get('password'));
 
        if($login == 'admin' && $password == 'admin') {
            returnOutSession('Всё совпало!');
        } else {
            returnOutError( 'Логин или пароль - неверный.' );
        }
    break;
    default:
        returnOutError('Метод не определён');
}

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

Работает по умолчанию как POST запрос, хавает все INPUT включая type="file" multiple. Работают все проверки

Последнюю версию выкладывать тут

@Dobrolubov · 16.02.2023, 07:12 **[ТС]**

Можно объяснить что значит многоточие за слэшем? Что в этом месте прописать?

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

Неверно вешать на кнопку

JavaScript
1
2
3
4
5
6
$('form').submit(function(e) {
   e.preventDefault();
// ...
  let Input_ip = $(this).find('[name="ip"]');
// ...
});

Можно показать как это полным текстом кода будет выглядеть?
Что-то мне трудно понять что куда прописать...

@xkkx · 16.02.2023, 11:52

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

Что в этом месте прописать?

Да

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

Можно показать как это полным текстом кода будет выглядеть?

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
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<!DOCTYPE html> 
<html> 
    <head> 
        <meta charset="utf-8"> 
        <title>Ввод ответа</title> 
    </head> 
    <body> 
  <form>
    <p id="error" style="display: none; color: red"></p>
    <p>Введите ответ:</p> 
    <p>  <input type="text" required name="ip"/>
    </p> 
    <p><input type="submit" value="Проверить"/></p> 
  </form>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.3/jquery.min.js"></script> 
    <script> 
        (function($) {
            var error = {
                show: function(msg) {
                    $('#error').text(msg).css('color', 'red').show();
                },
                success: function(msg) {
                    $('#error').text(msg).css('color', 'green').show();
                },
                hide: function() {
                    $('#error').hide();
                }
            }
            
            
            const words = {
              'счастье':true,
              'свобода':true
            };
 
           $('form').submit(function(e) {
                error.hide();
                e.preventDefault();
         
                let Input_ip = $(this).find('[name="ip"]').val().trim().toLowerCase();
                let button_submit = $(e.originalEvent.submitter);
             
                if(words[Input_ip] !== undefined && words[Input_ip]) {
                    error.success('Верно!');
                    
                    if(button_submit.data('linkOpen')) {
                        location = button_submit.data('linkOpen');
                    } else {
                        button_submit.val('Перейти');
                        button_submit.data('linkOpen', 'https://linkOpen.linkOpen');
                    }
                } else {
                    error.show('Видимо здесь что-то иное...');
                    
                    button_submit.val('Проверить');
                    button_submit.data('linkOpen', false);
                }
            }); 
        })(jQuery);
    </script>
    </body> 
</html>

@Dobrolubov · 16.02.2023, 17:56 **[ТС]**

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

Да

Благодарю!) Единственный момент... Решение данной задачи возникло по причине переноса сайта с wix на наш uCoz. И вот интересно, что данное решение хорошо функционирует на wix и отказывается выполнять свою функцию на uCoz, просто пишет "Недопустимое содержимое" и даже не сохраняет код...

@xkkx · 16.02.2023, 18:04

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

и даже не сохраняет код...

Используйте любой другой FTP доступ. filezilla\vs code

@Dobrolubov · 16.02.2023, 18:09 **[ТС]**

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

Используйте любой другой FTP доступ. filezilla\vs code

Мне трудно даётся понимание вашего терминологического аппарата... Можно подробнее? Что значит FTP доступ filezilla\vs code? Как это воплотить действиями?

@xkkx · 16.02.2023, 18:25

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

Мне трудно даётся понимание вашего терминологического аппарата... Можно подробнее? Что значит FTP доступ filezilla\vs code? Как это воплотить действиями?

А код то тут причём? Собственно. Если тебе файловый менеджер uCoz голову сверлит. Используй сторонний, через который зальёшь все файлы.

@Dobrolubov · 16.02.2023, 19:38 **[ТС]**

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

А код то тут причём? Собственно. Если тебе файловый менеджер uCoz голову сверлит. Используй сторонний, через который зальёшь все файлы.

Вот это уже интересно! А как это можно сделать?)))

@DrType · 16.02.2023, 21:33

Не по теме:

Не факт что Юкоз позволит поменять файлы, используя сторонний менеджер.

@xkkx · 16.02.2023, 21:48

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

А как это можно сделать?)))

Так стандартный FTP доступ всегда должен быть. Иначе бегите от туда, и не думайте !!!

@xkkx · 16.02.2023, 21:51

Ой. Советую уже бежать! Они берут деньги за передачу файлов по ФТП)))

https://www.ucoz.ru/help/tools/ftp-podklyuchenie

Есть куда лучше хостинги, аля timeweb. Плачу 1200 рублей по тарифу Leo VHVDS и в ус не дую. Никаких ограничений и доплат за воздух

@Dobrolubov · 17.02.2023, 07:35 **[ТС]**

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

А код то тут причём? Собственно. Если тебе файловый менеджер uCoz голову сверлит. Используй сторонний, через который зальёшь все файлы.

Дело в том что, исходник, который я опубликовал в первом сообщении на uCoz проходит и функционирует нормально. А когда код правится, то выдаёт ошибку. Можно его как-то поправить так, что б продолжал функционировать на uCoze?

Добавлено через 1 час 16 минут

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

Ой. Советую уже бежать! Они берут деньги за передачу файлов по ФТП)))

https://www.ucoz.ru/help/tools/ftp-podklyuchenie

Есть куда лучше хостинги, аля timeweb. Плачу 1200 рублей по тарифу Leo VHVDS и в ус не дую. Никаких ограничений и доплат за воздух

С деньгами много вариантов решения вопросов) В том-то и дело...

@xkkx · 17.02.2023, 13:51

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

С деньгами много вариантов решения вопросов) В том-то и дело...

1200 это копейки, когда хотя бы 3 сайта окупаются на 50 + тысяч пассивного

@Dobrolubov · 17.02.2023, 14:45 **[ТС]**

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

1200 это копейки, когда хотя бы 3 сайта окупаются на 50 + тысяч пассивного

Согласен!) Для этого их стоит сделать сначала) Вот я обратился здесь для решения функционала кнопки) Может получится решить такую задачку, чтоб можно было спокойно на uCoz залить?

@xkkx · 17.02.2023, 18:43

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

на uCoz

Передача PHP-файлов на сайт невозможна. Передача PHP-файлов (если услуга PHP входит в пакет) осуществляется на отдельный сервер.

Для чего такой хостинг? Если даже html не даёт грузить.

@Dobrolubov · 19.02.2023, 19:11 **[ТС]**

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

Для чего такой хостинг? Если даже html не даёт грузить.

Html грузить даёт и в сообщении я об этом написал. Я пишу о том, что именно это решение блокирует по какой-то причине... Исходный вариант функционирует спокойно.

@Dobrolubov · 01.03.2023, 19:29 **[ТС]**

Благодарю! Всё получилось!)

Новые блоги и статьи Все статьи Все блоги /
Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Изучаю kubernetes lagorue 13.01.2026 А пригодятся-ли мне знания kubernetes в России?	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .
Classic Notepad for Windows 11 Jel 10.01.2026 Old Classic Notepad for Windows 11 Приложение для Windows 11, позволяющее пользователям вернуть классическую версию текстового редактора «Блокнот» из Windows 10. Программа предоставляет более. . .	Почему дизайн решает? Neotwalker 09.01.2026 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .	Модель микоризы: классовый агентный подход 3 anaschu 06.01.2026 aa0a7f55b50dd51c5ec569d2d10c54f6/ O1rJuneU_ls https:/ / vkvideo. ru/ video-115721503_456239114	Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ФедосеевПавел 06.01.2026 Owen Logic: О недопустимости использования связки «аналоговый ПИД» + RegKZR ВВЕДЕНИЕ Введу сокращения: аналоговый ПИД — ПИД регулятор с управляющим выходом в виде числа в диапазоне от 0% до. . .

@DrType
	16.02.2023, 21:33
	Не по теме: Не факт что Юкоз позволит поменять файлы, используя сторонний менеджер. 0

@xkkx 132 / 76 / 16 Регистрация: 08.07.2022 Сообщений: 309
	16.02.2023, 21:51
	Ой. Советую уже бежать! Они берут деньги за передачу файлов по ФТП))) https://www.ucoz.ru/help/tools/ftp-podklyuchenie Есть куда лучше хостинги, аля timeweb. Плачу 1200 рублей по тарифу Leo VHVDS и в ус не дую. Никаких ограничений и доплат за воздух Миниатюры 1

@Dobrolubov 0 / 0 / 0 Регистрация: 13.02.2023 Сообщений: 31
	01.03.2023, 19:29 [ТС]
	Благодарю! Всё получилось!) 0