Проверка форм на заполнение

@Дима_злодей · Регистрация: 06.08.2015

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

Вот скрипт с формой регистрации и со скриптом проверки на заполнение, но он почему то не работает может кто знает в чем ошибка?

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
<html>
<body>
 
<script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script>
$(document).ready(function() {
   $(".img_button").click(function(){
        ver=true;
        login=$("#login").val();
        var p=/^[a-z0-9_\.\-]{3,35}$/i;
        if(!p.test(login)){
             message_a="Не все поля заполнены или введены не коректные данные.";
             ver=false;
 
        }
           mail=$("#mail").val();
           var p=/^[a-z0-9_\.\-]+@([a-z0-9\-]+\.)+[a-z]{2,4}$/i;
        if(!p.test(mail)){
            message_a="Не все поля заполнены или введены не коректные данные.";
            ver=false;
        }
 
        pass=$("#pass").val();
        var p=/^[a-z0-9_\.\-]{30,250}$/i;
               if(!p.test(pass)){
            message_a="Не все поля заполнены или введены не коректные данные.";
            ver=false;
        }
        r_pass=$("#r_pass").val();
        var p=/^[a-z0-9_\.\-]{3,35}$/i;
        if(!p.test(r_pass)){
             message_a="Не все поля заполнены или введены не коректные данные.";
             ver=false; 
        }
        if(ver){
            return true;
        }else{
            alert(message_a);
            return false;
        }          
   });
});
 
</script>
 
<form method="post" action="reg.php">
    <table><center>
        <tr>
            <td> Логин: </td>
            <td> <input type="text" name="login" id="login" /> </td>
        </tr>
        <tr>
            <td> E-Mail: </td>
            <td> <input type="text" name="email" id="mail" /> </td>
        </tr>
        <tr>
            <td> Пароль: </td>
            <td> <input type="password" name="pass" id="pass" /> </td>
        </tr>
        <tr>
            <td> Повторите пароль: </td>
            <td> <input type="password" name="r_pass" id="r_pass" /> </td>
        </tr>
        <tr>
            <td colspan="3"> <input class="my_button" type="submit" name="submit" value="Зарегистрироватся!" /> </td>
        </tr>
        
    </center></table>
    
</form>
 
 
 
</body>
</html>

@kalabuni · 01.01.2016, 12:20

Сообщение от Дима_злодей

может кто знает в чем ошибка?

может, кто-то и знает
но фишка в том, что все эти "знающие" находятся в другом месте -- на специальном форуме по вопросам JQuery -- https://www.cyberforum.ru/javascript-jquery/
туда вам и следует обратиться

но про вашу главную ошибку (она у вас в названии темы) могу написать и здесь:
форма - она у вас в коде одна -- это теги <form></form> и всё, что между ними

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

Добавлено через 8 минут
-------------------

@Дима_злодей · 01.01.2016, 12:20 **[ТС]**

А получится как то самому перенести тему?

@kalabuni · 01.01.2016, 12:23

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

@Дима_злодей · 01.01.2016, 12:27 **[ТС]**

kalabuni, я имел в виду проверку форм input на заполнение

@kalabuni · 01.01.2016, 13:11

<input> нельзя называть формой, потому что <input> - это тег, являющийся элементом формы
определение формы я вам выше уже давал

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
<form>
<input><hr>
<input type="radio"><hr>
<input type="checkbox"><hr>
<textarea></textarea><hr>
<select></select>
</form>
 
<script>
alert ('количество форм на странице - ' + document.forms.length);
alert ('количество элементов формы в этой самой единственной форме - ' + document.forms [0].elements.length);
</script>

@Дима_злодей · 01.01.2016, 19:43 **[ТС]**

Можете подсказать как правильно сделать, а то я в js не очень разбираюсь.

@kalabuni · 01.01.2016, 22:52

а это не js -- это псевдоязык библиотеки JQuery, в котором я совсем не разбираюсь

ждите "специалистов"

@Дима_злодей · 01.01.2016, 22:57 **[ТС]**

Пытаюсь удалить тему, нашел лучше скрипт, но он тоже не работает)

@shukaka · 02.01.2016, 10:53

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
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
<!DOCTYPE html>
<html>
    <head>
     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
       <title>JS practise</title> 
        <script src="jquery.js"></script><!-- connection jquery library which allow to use jquery sintax-->
        <link href="style.css" rel="stylesheet">
    </head>
<body>
 <script type='text/javascript' src='http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js'></script>
<script>
$(document).ready(function() {
   $(".my_button").on('click' ,function(){
        ver=true;
        login=$("#login").val();
       console.log(login);
        var p=/^[a-z0-9_\.\-]{3,35}$/;
        if(!p.test(login)){
             message_a="Не все поля заполнены или введены не коректные данные.";
             ver=false;
 
        }
           mail=$("#mail").val();
           var p=/^[a-z0-9_\.\-]+@([a-z0-9\-]+\.)+[a-z]{2,4}$/;
        if(!p.test(mail)){
            message_a="Не все поля заполнены или введены не коректные данные.";
            ver=false;
        }
 
        pass=$("#pass").val();
        var p=/^[a-z0-9_\.\-]{3,250}$/;
               if(!p.test(pass)){
            message_a="Не все поля заполнены или введены не коректные данные.";
            ver=false;
        }
        r_pass=$("#r_pass").val();
        var p=/^[a-z0-9_\.\-]{3,35}$/;
        if(!p.test(r_pass)){
             message_a="Не все поля заполнены или введены не коректные данные.";
             ver=false; 
        }
        if(ver){
            return true;
        }else{
            alert(message_a);
            return false;
        }          
   });
});
 
</script>
 
<form >
    <table><center>
        <tr>
            <td> Login: </td>
            <td> <input type="text" name="login" id="login" /> </td>
        </tr>
        <tr>
            <td> E-Mail: </td>
            <td> <input type="text" name="email" id="mail" /> </td>
        </tr>
        <tr>
            <td> Пароль: </td>
            <td> <input type="password" name="pass" id="pass" /> </td>
        </tr>
        <tr>
            <td> Повторите пароль: </td>
            <td> <input type="password" name="r_pass" id="r_pass" /> </td>
        </tr>
        <tr>
            <td colspan="3"> <input class="my_button" type="submit" name="submit" value="Зарегистрироватся!" /> </td>
        </tr>
        
    </center></table>
    
</form>
 
 
 
</body>
</html>

Работает. Я не знаю где вы его взяли но видимо его куча раз копировали при этом добавляли ошибки. Также можно написать намного проще.

@Дима_злодей · 02.01.2016, 14:12 **[ТС]**

Большое спасибо! А как сделать чтобы надпись высвечивалась не в окошке, а свершу над формой?

Добавлено через 1 час 33 минуты
*сверху

@shukaka · 02.01.2016, 23:22

есть команда в js .html() она вставляет в блок то что вы хотите. Например $('#созданный блок').html("<p>Не все поля заполнены или введены не коректные данные.</p>");

@Дима_злодей · 02.01.2016, 23:29 **[ТС]**

Получится нужно заменить

HTML5
1
message_a="Не все поля заполнены или введены не коректные данные.";

на

HTML5
1
$('#созданный блок').html("<p>Не все поля заполнены или введены не коректные данные.</p>");

?

Добавлено через 1 минуту
Я так пробовал, сообщение появляется в блоке и сразу же исчезает через пару секунд

@shukaka · 03.01.2016, 10:29

поменяйте тип кнопки на button. Submit перезгружает страницу просто при нажатии

@Дима_злодей · 03.01.2016, 12:29 **[ТС]**

Теперь возникает другая проблема вылазит ошибка, но все равно данные заносятся в БД. Как сделать чтобы обработчик начинал работать только после того как будут заполнены все поля?

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL_LoadPNG (без SDL3_image) 8Observer8 28.01.2026 Содержание блога SDL3 имеет собственные средства для загрузки и отображения PNG-файлов с альфа-каналом и базовой работы с ними. В этой инструкции используется функция SDL_LoadPNG(), которая. . .	Загрузка PNG с альфа-каналом на SDL3 для Android: с помощью SDL3_image 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .
Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .	Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .

@Дима_злодей 1 / 1 / 0 Регистрация: 06.08.2015 Сообщений: 113
	01.01.2016, 12:20 [ТС]
	А получится как то самому перенести тему? 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	01.01.2016, 12:23
	нет, самому не получится -- обратитесь к модераторам, нажав на красный треугольник с восклицательным знаком напротив первого сообщения темы 1

@Дима_злодей 1 / 1 / 0 Регистрация: 06.08.2015 Сообщений: 113
	01.01.2016, 12:27 [ТС]
	kalabuni, я имел в виду проверку форм input на заполнение 0

@Дима_злодей 1 / 1 / 0 Регистрация: 06.08.2015 Сообщений: 113
	01.01.2016, 19:43 [ТС]
	Можете подсказать как правильно сделать, а то я в js не очень разбираюсь. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,629
	01.01.2016, 22:52
	а это не js -- это псевдоязык библиотеки JQuery, в котором я совсем не разбираюсь ждите "специалистов" 0

@Дима_злодей 1 / 1 / 0 Регистрация: 06.08.2015 Сообщений: 113
	01.01.2016, 22:57 [ТС]
	Пытаюсь удалить тему, нашел лучше скрипт, но он тоже не работает) 0

@Дима_злодей 1 / 1 / 0 Регистрация: 06.08.2015 Сообщений: 113
	02.01.2016, 14:12 [ТС]
	Большое спасибо! А как сделать чтобы надпись высвечивалась не в окошке, а свершу над формой? Добавлено через 1 час 33 минуты *сверху 0

@shukaka 4 / 4 / 4 Регистрация: 09.03.2014 Сообщений: 187
	02.01.2016, 23:22
	есть команда в js .html() она вставляет в блок то что вы хотите. Например $('#созданный блок').html("<p>Не все поля заполнены или введены не коректные данные.</p>"); 1

@shukaka 4 / 4 / 4 Регистрация: 09.03.2014 Сообщений: 187
	03.01.2016, 10:29
	поменяйте тип кнопки на button. Submit перезгружает страницу просто при нажатии 1

@Дима_злодей 1 / 1 / 0 Регистрация: 06.08.2015 Сообщений: 113
	03.01.2016, 12:29 [ТС]
	Теперь возникает другая проблема вылазит ошибка, но все равно данные заносятся в БД. Как сделать чтобы обработчик начинал работать только после того как будут заполнены все поля? 0