Форум программистов, компьютерный форум, киберфорум
JavaScript
Войти
Регистрация
Восстановить пароль
 
0 / 0 / 0
Регистрация: 07.06.2016
Сообщений: 78
1

Ссылка onclick="location.href" не поддерживает required? Чем заменить required?

08.09.2019, 08:59. Просмотров 390. Ответов 1
Метки нет (Все метки)

Всем привет. Хотел реализовать переход с формы на другую страницу с помощью onclick="location.href", с обязательной проверкой полей формы на заполненность, но как оказалось required тут не работает. Подскажите, чем можно заменить required?
action с submin не вариант, с ними данные из формы не передаются и не происходит переход на страницу.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<section id="user-greeting">
    <form>
        <label>
            Имя
            <input type="text" autocomplete="name" name="name" required>
        </label>
        <label>
            Фамилия
            <input type="text" autocomplete="family-name" name="family-name" required>
        </label>
        <button onclick="location.href='https://site.ru/next.html'">Перейти</button>
    </form>
    <section>
        Привет, <span class="name"></span>, добро пожаловать на сайт!
    </section>
</section>
Javascript
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
(function main() {
        var form = document.querySelector("#user-greeting > form");
        var section = document.querySelector("#user-greeting > section");
        
        function changeView() {
            if ("name" in localStorage) {
                form.style.display = "none";
                section.style.display = "";
                document.querySelector("#user-greeting .name").textContent = localStorage.name;
            } else {
                section.style.display = "none";
                form.style.display = "";
            }
        }
        
        form.addEventListener("submit", function(event) {
            event.preventDefault();
            var data = new FormData(form);
            localStorage.name = [data.get("name"), data.get("family")].join(" ");
            changeView();
        });
        
    
        changeView();
    })();
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
08.09.2019, 08:59
Ответы с готовыми решениями:

onClick="location.href='....'" как это сделать в IE5?
Помогите!!!!!!!!!!! Нужно чтобы сработала такая конструкция &lt;a href='#'...

не работает onClick="window.location.href...
привет, в IE и Mozilla не работает функция onClick :( ...

открыть 2 новые вкладки onclick="window.location.href=
Всем привет. Не могу сделать, чтобы 2 новые вкладки открывались при нажатии на ссылку.. Вот код ...

<a href="#" onclick="myFun('hi'); return false" >Hi</a> стоит такое использовать?
я краем ухо услышал, что так код больше ни кто не пишет.... стоит сделать так &lt;a href=&quot;#&quot;...

1
Эксперт JS
5118 / 2937 / 1382
Регистрация: 14.06.2018
Сообщений: 5,603
08.09.2019, 18:23 2
Привет!
Непонятно, когда нужно переходить на другой сайт.
Поприветствовать юзверя и через 10 секунд перейти на другой сайт?

Вот пока без перехода:
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
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
</head>
<body>
    <section id="user-greeting">
        <form>
            <label>
                Имя
                <input type="text" autocomplete="name" name="name" required>
            </label>
            <label>
                Фамилия
                <input type="text" autocomplete="family-name" name="family-name" required>
            </label>
            <button type="button">Перейти</button>
        </form>
        <section>
            Привет, <span class="name"></span>, добро пожаловать на сайт!
        </section>
    </section>
    <script>
        let form = document.querySelector("#user-greeting>form");
        let section = document.querySelector("#user-greeting>section");
        let name = section.querySelector(".name");
 
        form.querySelector("button").onclick = clickHandler;
 
        changeView();
 
        function clickHandler() {
            let data = new FormData(form);
            localStorage.setItem("name", [data.get("name"), data.get("family-name")].join(" "));
            changeView();
        }
 
        function changeView() {
            let value = localStorage.getItem("name");
            console.log(value);
            if (value) {
                form.style.display = "none";
                section.style.display = "";
                name.textContent = value;
            } else {
                section.style.display = "none";
                form.style.display = "";
            }
        }
    </script>
</body>
</html>
0
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
08.09.2019, 18:23

Заказываю контрольные, курсовые, дипломные и любые другие студенческие работы здесь.

Required input onclick
Привет всем! Столкнулся с такой вот проблемой. Мне нужно чтоб при клике на checkbox изменялась...

No route matches {:action=>"show", :controller=>"articles"}, missing required keys: [:id]
Всем доброго времени суток. Изучаю rails по этому сайту...

Location is required
Всем привет! Начал знакомиться с JavaFX. Смотрел несколько гайдов и выполнял все шаги, которые там...

Ошибка "Variable required" при попытке использования EnumWindows
Вот код. Ошибка Variable required. Подскажите, в чем проблема. Заранее спасибо procedure...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
2
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2021, vBulletin Solutions, Inc.