Правила форума Гаранты форума
Размещение рекламы AMX-X компилятор

Здравствуйте, гость Вход | Регистрация

Наши новости:

14-дек
24-апр
10-апр
11-апр

Проверка на Javascript

Статус пользователя y4eHuK
сообщение 18.12.2013, 23:37
Сообщение #1


Стаж: 15 лет

Сообщений: 268
Благодарностей: 61
Полезность: 186

Приветствую.
Начинаю делать небольшой сервис.
Но сейчас не об этом.

Делаю регистрацию.
И столкнулся с таким вопросом, как сделать проверку правильности ввода используя Javascript.

В общем нужно проверить:

Совпадение:
Пароль
Подтверждение пароля

Корректность ввода:
Почта

Минимальное количество символов:
Имя


Желательно чтоб сразу же писало рядом правильно или нет.

С последствии данные будут обрабатываться сервером, но хочется чтоб форма не обновлялась по over999 раз.

Просьба не направлять на google и подобные поисковики, а писать тут.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   Цитировать сообщение
Статус пользователя onotole
сообщение 19.12.2013, 8:38
Сообщение #2


Иконка группы

Стаж: 13 лет

Сообщений: 1572
Благодарностей: 1119
Полезность: 1550

Меценат Меценат

Элементарные вещи. В любом учебнике есть
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя y4eHuK
сообщение 19.12.2013, 13:25
Сообщение #3


Стаж: 15 лет

Сообщений: 268
Благодарностей: 61
Полезность: 186

Цитата(onotole @ 19.12.2013, 8:38) *
Элементарные вещи. В любом учебнике есть


Не люблю учебники, мне по исходу смотреть проще.
И там разбираться.
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
   + Цитировать сообщение
Статус пользователя onotole
сообщение 19.12.2013, 14:43
Сообщение #4


Иконка группы

Стаж: 13 лет

Сообщений: 1572
Благодарностей: 1119
Полезность: 1550

Меценат Меценат

Код
<!DOCTYPE html>
<html>
    <head>
        <title>Jquery проверка формы</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width">
        <script src="http://code.jquery.com/jquery-1.8.1.min.js"></script>
        <script>
            $(document).ready(function(){
                $("#registerForm").submit(function(){
                    var login = $("#login").val();
                    var password = $("#password").val();
                    var password2 = $("#password2").val();
                    if(login.length < 5 || login.length > 10)
                    {
                        alert('Логин может быть не менее 5 и не более 10 символов');
                        return false;
                    }
                    if(password !== password2)
                    {
                        alert('пароли не совпадают');
                        return false;
                    }
                });
            });
        </script>
    </head>
    <body>
        <div style="width: 500px; margin: 0 auto">
            <form action="" method="post" id="registerForm">
                <h1>регистрация</h1>
                <input type="text" class="inputField" id="login" name="login" placeholder="Логин" />
                <br />
                <input type="password" class="inputField" id="password" name="password" placeholder="Пароль" />
                <br />
                <input type="password" class="inputField" id="password2" name="password2" placeholder="Подтверждение" />
                <br />
                <input type="email" class="inputField" id="email" name="email" placeholder="E-mail" />
                <br />
                <button type="submit" id="register" name="register">Регистрация</button>
            </form>
        </div>
    </body>
</html>


Отредактировал: onotole, - 19.12.2013, 14:45
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 2 раз
   + Цитировать сообщение
Статус пользователя onotole
сообщение 20.12.2013, 12:01
Сообщение #5


Иконка группы

Стаж: 13 лет

Сообщений: 1572
Благодарностей: 1119
Полезность: 1550

Меценат Меценат

Вот так и помогай новичкам... Ни спасибо вам, ни вообще ничего =)
Перейти в начало страницы         Просмотр профиля    Отправить личное сообщение
Поблагодарили 1 раз
   + Цитировать сообщение
  Ответить в данную темуНачать новую тему
 
0 пользователей и 1 гостей читают эту тему: