Создать форму для регистрации и проверить корректность введённых данных

@Ymka007 · Регистрация: 02.05.2015

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

Я зависла окончательно с написанием нескольких скриптов

Пока ещё новичок. Кто-нибудь может помочь с проблемой? Выручите, пожалуйста.

2) Создать форму для регистрации, используя поля Ф.И.О, пол, Адрес, E-MAIL, телефон, вопросы с вариантами ответа, комментарии, кнопки отправки и сброса. Проверьте соответствующие поля на наличие и корректность введенных данных;

@Jetlag · 04.05.2015, 01:36

Помочь можем. Вот только если Вы спросите не в духе "вот задача сделайте мне ее пажаааалуйста", а
"вот задача, я пыталась ее решить так: (описание способа) и у меня не получается вот это (описание проблемы)"

@Ymka007 · 04.05.2015, 02:00 **[ТС]**

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

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
<FORM action="">
 
Фамилия: <INPUT TYPE="text" SIZE="30" 
  onFocus="window.status='Введите своё фамилие';"><br>
Имя: <INPUT TYPE="text" SIZE="30" 
  onFocus="window.status='Введите своё имя';"><br>
Отчество: <INPUT TYPE="text" SIZE="30" 
  onFocus="window.status='Введите своё отчество';"><br>  
<INPUT TYPE="radio" 
  onClick="window.status='Вы выбрали мужской';"><br> 
    Мужской
<INPUT TYPE="radio"  
  onClick="window.status='Вы выбрали женской';"><br> 
    Женский 
<INPUT TYPE="reset" 
  onClick="alert('Очистить');"> 
<INPUT TYPE="submit" 
  onClick="alert('Отправить');">
 
</FORM>

@Jetlag · 04.05.2015, 02:16

Уже что-то есть, неплохо, теперь вернемся к вопросу "что не получается?"

@Ymka007 · 04.05.2015, 16:04 **[ТС]**

Форму доработала. Не получается: комментарии. И не знаю как проверить соответствующие поля на наличие и корректность введённых данных.

HTML5
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
<html>
    <head>
        <title>Форма для регистрации</title>
    </head>
    <body>
    <h1>Форма для регистрации</h1>   
        <form action=""> 
            <p>Фамилия: <INPUT TYPE="text" SIZE="30" 
              onFocus="window.status='Введите своё фамилие';"></p>
            <p>Имя: <INPUT TYPE="text" SIZE="36" 
              onFocus="window.status='Введите своё имя';"></p>
            Отчество: <INPUT TYPE="text" SIZE="30" 
              onFocus="window.status='Введите своё отчество';"><br>  
            <p>Пол: <INPUT TYPE="radio" name="sex"
              onClick="window.status='Вы выбрали мужской';">Мужской 
            <INPUT TYPE="radio" name="sex"  
              onClick="window.status='Вы выбрали женской';">Женский</p>
            <p>Адрес: <input type="text" name="adress" size="50"
                onFocus="window.status='Введите свой адрес';"></p>
            <p>e-mail: <input type="text" name="mail" size="33"
                onFocus="window.status='Введите свой e-mail';"></p>
            <p>Телефон: <input type="tel" name="tel" maxlength="11" size="30"
                onFocus="window.status='Введите свой телефон';"></p>
            <p>Ваши интересы:</p> 
            <input type="checkbox" name="interes1" value="" 
                    onClick="window.status='Вы выбрали компьютеры';">компьютеры 
            <input type="checkbox" name="interes2" value="" 
                    onClick="window.status='Вы выбрали спорт';">спорт
            <input type="checkbox" name="interes3" value="" 
                    onClick="window.status='Вы выбрали искусство';">искусство
            <input type="checkbox" name="interes4" value="" 
                    onClick="window.status='Вы выбрали науку';">наука 
            <p>Ваш любимый способ общения в Интернете:</p>
            <input type="checkbox" name="chat1" value="" 
                    onClick="window.status='Вы выбрали ICQ';">ICQ 
            <input type="checkbox" name="cha2" value="" 
                    onClick="window.status='Вы выбрали skype';">skype
            <input type="checkbox" name="cha3" value="" 
                    onClick="window.status='Вы выбрали e-mail';">e-mail
            <input type="checkbox" name="cha4" value="" 
                    onClick="window.status='Вы выбрали социальные сети';">социальные сети 
            <p>Ваши любимые средства коммуникации:</p>
            <input type="checkbox" name="talk1" value="" 
                onClick="window.status='Вы выбрали смартфон';">смартфон
            <input type="checkbox" name="talk2" value="" 
            onClick="window.status='Вы выбрали планшет';">планшет 
            <input type="checkbox" name="talk3" value="" 
            onClick="window.status='Вы выбрали компьютер';">компьютер 
            <input type="checkbox" name="talk4" value="" 
            onClick="window.status='Вы выбрали ноутбук';">ноутбук 
            <p><INPUT TYPE="reset" 
              onClick="alert('Очистить');"> 
            <INPUT TYPE="submit" 
              onClick="alert('Отправить');"></p> 
        </form>
    </body>
</html>

@Jetlag · 04.05.2015, 16:53

Во, такие вопросы мне больше уже нравятся

1. Проверить поле на наличие введенных данных можно с помощью атрибута required тега input

2. Проверить поля на корректность введенных данных можно с помощью сответствующих атрибутов тега input. Например атрибуты max, maxlength и прочие. Таким образом реализуются самые простые проверки. Посмотрите, поиграйтесь что подойдет, вероятно в простейшем учебном задании больше и не нужно

Для более хитрых проверок можно использовать атрибут pattern и задать регулярное выражение для проверки соответствующего поля.

Для совсем хитрых проверок можно использовать js, но это наверное здесь не пригодится (смотря какие конкретно проверки нужны) и можно обойтись одним html.

Более подробно и наглядно это описано например тут

3. Для комментариев разумно использовать тег textarea

4. Проверять работоспособность того что написала проще всего например на jsfiddle, вбить body в поле html, нажать ctrl+enter, в правом нижнем квадрате появится твоя страница

Новые блоги и статьи Все статьи Все блоги /
http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .	Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь постоянного тока с R, L, C, k(ключ), U, E, J. Программа составляет систему уравнений по 1 и 2 законам Кирхгофа, решает её и находит переходные токи и напряжения на элементах схемы. . . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .
Сукцессия микоризы: основная теория в виде двух уравнений. 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 В современном мире, где конкуренция за внимание потребителя достигла пика, дизайн становится мощным инструментом для успеха бренда. Это не просто красивый внешний вид продукта или сайта — это. . .

@Ymka007 0 / 0 / 0 Регистрация: 02.05.2015 Сообщений: 8

	Создать форму для регистрации и проверить корректность введённых данных 04.05.2015, 00:48. Показов 3894. Ответов 5 Метки нет (Все метки) Я зависла окончательно с написанием нескольких скриптов Пока ещё новичок. Кто-нибудь может помочь с проблемой? Выручите, пожалуйста. 2) Создать форму для регистрации, используя поля Ф.И.О, пол, Адрес, E-MAIL, телефон, вопросы с вариантами ответа, комментарии, кнопки отправки и сброса. Проверьте соответствующие поля на наличие и корректность введенных данных; 0

@Jetlag 111 / 49 / 20 Регистрация: 21.10.2013 Сообщений: 212
	04.05.2015, 01:36
	Помочь можем. Вот только если Вы спросите не в духе "вот задача сделайте мне ее пажаааалуйста", а "вот задача, я пыталась ее решить так: (описание способа) и у меня не получается вот это (описание проблемы)" 0

@Jetlag 111 / 49 / 20 Регистрация: 21.10.2013 Сообщений: 212
	04.05.2015, 02:16
	Уже что-то есть, неплохо, теперь вернемся к вопросу "что не получается?" 0

@Jetlag 111 / 49 / 20 Регистрация: 21.10.2013 Сообщений: 212
	04.05.2015, 16:53
	Во, такие вопросы мне больше уже нравятся 1. Проверить поле на наличие введенных данных можно с помощью атрибута required тега input 2. Проверить поля на корректность введенных данных можно с помощью сответствующих атрибутов тега input. Например атрибуты max, maxlength и прочие. Таким образом реализуются самые простые проверки. Посмотрите, поиграйтесь что подойдет, вероятно в простейшем учебном задании больше и не нужно Для более хитрых проверок можно использовать атрибут pattern и задать регулярное выражение для проверки соответствующего поля. Для совсем хитрых проверок можно использовать js, но это наверное здесь не пригодится (смотря какие конкретно проверки нужны) и можно обойтись одним html. Более подробно и наглядно это описано например тут 3. Для комментариев разумно использовать тег textarea 4. Проверять работоспособность того что написала проще всего например на jsfiddle, вбить body в поле html, нажать ctrl+enter, в правом нижнем квадрате появится твоя страница 1