Страница с логином, паролем и отправить

@Okseona · Регистрация: 29.04.2018

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

Help! Плиз, ребята, кто понимает, помогите пожалуйста!!!
Необходимо создать страницу с тремя элементами управления - для логина, пароля и подтверждения пароля, и кнопкой "отправить".
При отправке необходимо проверить:
1) Логин должен быть не пустым;
2) Пароль должен быть длиной не менее 6 символов;
3) Подтверждение пароля должен совпадать с самим паролем.
4) Если где-то происходит ошибка, то не отправлять форму на сервер, а выдавать сообщение об ошибке, а соответствующие поля сделать красного цвета.
5) Также при ошибке в длине пароля, или при несовпадении длин пароля необходимо очистить соответствующие поля.

@atanov · 25.05.2018, 08:08

Okseona, примерно так:

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<meta charset='utf-8'>
<html>
Логин
<input type = "text">
Пароль
<input type = "password">
Повтор пароля
<input type = "password">
<button>Отправить</button>
<div></div>
</html>
<script src = '58.js'></script>

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
26
27
28
29
30
document.getElementsByTagName('button')[0].onclick = checkIt;
function checkIt(){
    if(document.getElementsByTagName('input')[0].value == ''){
    document.getElementsByTagName('input')[0].style.borderColor = 'red';
    document.getElementsByTagName('div')[0].innerHTML = 'Нет логина';
    return;
    }
    else{
    if (document.getElementsByTagName('input')[1].value==''||document.getElementsByTagName('input')[1].value.length<6){
    document.getElementsByTagName('input')[1].style.borderColor = 'red';
    document.getElementsByTagName('div')[0].innerHTML = 'Пароль короткий';
    clear();
    return;
    }
else{
    if (document.getElementsByTagName('input')[1].value!=document.getElementsByTagName('input')[2].value){
    document.getElementsByTagName('input')[1].style.borderColor = 'red';
    document.getElementsByTagName('input')[2].style.borderColor = 'red';
    document.getElementsByTagName('div')[0].innerHTML = 'Пароли не совпадают';
    clear();
    return;
}   
}   
    }
function clear(){
    document.getElementsByTagName('input')[0].value = '';
    document.getElementsByTagName('input')[1].value = '';
    document.getElementsByTagName('input')[2].value = '';
}
    }

@kalabuni · 26.05.2018, 11:05

Okseona, если в это задание не входит требование "использовать JS", то для реализации большинства условий можно обойтись прописыванием атрибута required инпутам, вот так:

HTML5
1
<input type="SomeType" name="SomeName" required>

браузер сам выделит незаполненные поля красной рамкой и покажет необходимые сообщения об ошибках... кроме того, некоторые браузеры ещё и "пикают", сообщая об ошибке
JS нужен будет только для для проверки длины пароля и для проверки совпадения обоих экземпляров пароля

Новые блоги и статьи Все статьи Все блоги /
Отчёт о затраченных материалах за определенный период с макетом печатной формы Maks 21.04.2026 Отчёт из решения ниже размещён в конфигурации КА2. Задача: разработка отчёта по затраченным материалам за определённый период, с возможностью вывода печатной формы отчёта с шапкой и подвалом. В. . .	Отчёт о спецтехнике находящейся в ремонте Maks 20.04.2026 Отчёт из решения ниже размещен в конфигурации КА2. Задача: отобразить спецтехнику, которая на данный момент находится в ремонте. Есть нетиповой документ "Заявка на ремонт спецтехники" который. . .	Памятка для бота и "визитка" для читателей "Semantic Universe Layer (Слой семантической вселенной)" Hrethgir 19.04.2026 Сгенерировано для краткого описания по случаю сборки и компиляции скелета серверного приложения. И пусть после этого скажут, что статьи сгенерированные AI - туфта и не интересно. И это не реклама -. . .	Запрет удаления строк ТЧ документа при определённом условии Maks 19.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "Аккумуляторы", разработанного в конфигурации КА2. У данного документа есть ТЧ, в которой в зависимости от прав доступа. . .
Модель заражения группы наркоманов alhaos 17.04.2026 Условия задачи сформулированы тут Суть: - Группа наркоманов из 10 человек. - Только один инфицирован ВИЧ. - Колются одной иглой. - Колются раз в день. - Колются последовательно через. . .	Мысли в слух. Про "навсегда". kumehtar 16.04.2026 Подумалось тут, что наверное очень глупо использовать во всяких своих установках понятие "навсегда". Это очень сильное понятие, и я только начинаю понимать край его смысла, не смотря на то что давно. . .	My Business CRM MaGz GoLd 16.04.2026 Всем привет, недавно возникла потребность создать CRM, для личных нужд. Собственно программа предоставляет из себя базу данных клиентов, в которой можно фиксировать звонки, стадии сделки, а также. . .	Знаешь почему 90% людей редко бывают счастливыми? kumehtar 14.04.2026 Потому что они ждут. Ждут выходных, ждут отпуска, ждут удачного момента. . . а удачный момент так и не приходит.

@Okseona 0 / 0 / 0 Регистрация: 29.04.2018 Сообщений: 10

	Страница с логином, паролем и отправить 25.05.2018, 00:38. Показов 10850. Ответов 2 Метки нет (Все метки) Help! Плиз, ребята, кто понимает, помогите пожалуйста!!! Необходимо создать страницу с тремя элементами управления - для логина, пароля и подтверждения пароля, и кнопкой "отправить". При отправке необходимо проверить: 1) Логин должен быть не пустым; 2) Пароль должен быть длиной не менее 6 символов; 3) Подтверждение пароля должен совпадать с самим паролем. 4) Если где-то происходит ошибка, то не отправлять форму на сервер, а выдавать сообщение об ошибке, а соответствующие поля сделать красного цвета. 5) Также при ошибке в длине пароля, или при несовпадении длин пароля необходимо очистить соответствующие поля. 0

Опции темы

Страница с логином, паролем и отправить

Решение