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

@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, в правом нижнем квадрате появится твоя страница

Новые блоги и статьи Все статьи Все блоги /
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip
Жизнь в неопределённости kumehtar 23.03.2026 Жизнь — это постоянное существование в неопределённости. Например, даже если у тебя есть список дел, невозможно дойти до точки, где всё окончательно завершено и больше ничего не осталось. В принципе,. . .	Модель здравоСохранения: работники работают быстрее после её введения. anaschu 23.03.2026 geJalZw1fLo Корпорация до введения программа здравоохранения имела много невыполненных работниками заданий, после введения программы количество заданий выросло. Но на выплатах по больничным это. . .	Контроль уникальности заводского номера Maks 23.03.2026 Алгоритм контроля уникальности заводского (или серийного) номера на примере нетипового документа выдачи шин для спецтехники с табличной частью, разработанного в конфигурации КА2. Данные берутся из. . .	Хочу заставить корпорации вкладываться в здоровье сотрудников: делаю мат модель здравосохранения anaschu 22.03.2026 e7EYtONaj8Y Z4Tv2zpXVVo https:/ / github. com/ shumilovas/ med2. git

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

	Создать форму для регистрации и проверить корректность введённых данных 04.05.2015, 00:48. Показов 3917. Ответов 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