1

Хочу сделать проверку формы на jQuery или JavaScript.

Вот сама форма:

<form id="create_account" action="registration_new.php" method="POST">
    <fieldset id="singup">
        <legend>Создайте новый аккаунт</legend>
            <ul>
                <li>
                    <label for="username"><i class="icon-user"></i>Логин:</label>
                    <input id="username" type="text" autofocus name="username" required placeholder="John" tabindex="1">
                </li>
                <li>
                    <label for="email"><i class="icon-envelope"></i>Email:</label>
                    <input id="email" type="text" name="email" placeholder="user@example.com" required autocomplete="off" tabindex="2">
                </li>
                <li>
                    <label for="password"><i class="icon-question-sign"></i>Пароль:</label>
                    <input id="password" type="password" name="password" value="" autocomplete="off" required placeholder="8-10 символов" tabindex="3">
                </li>
                <li>
                    <label for="password_confirm"><i class="icon-question-sign"></i>Повторите пароль:</label>
                    <input id="password_confirm" type="password" name="password_confirm" value="" required autocomplete="off" placeholder="Введите пароль еще раз" tabindex="4">
                </li>
                <li>
                <button class="btn btn-primary" tabindex="5"><span><i class="icon-ok icon-white"></i></span>Зарегистрироваться</button>
                </li>
            </ul>
        </fieldset>
    </form>

Сейчас есть очень простая проверка на jQuery:

$(document).ready(function(){
    $('#create_account:submit').click(function(e){
        var allOk = true;
        $(':text, :password').each(function(){
            var stl = '2px solid ';
            if($(this).val()) {
                stl += 'green';
            } else {
                stl += 'red';
                allOk = false;
            }
            $(this).css('border', stl);
            });
            !allOk && e.preventDefault();
        });
    });

Нужно сделать проверку email на валидность. И как можно сделать, чтобы ошибки отображались красиво рядом с полем формы, где произошла ошибка?

3
  • Плюс я так понял, что нужно по-убирать везде required, а то jQuery не работает!
    – spoilt
    12 июн 2012 в 19:51
  • 1
    Извините, но: - [Инструмент для валидации][1] - [Регулярное выражение для E-Mail][2] [1]: bit.ly/KCfsr7 [2]: bit.ly/KCfLCp 12 июн 2012 в 21:10
  • Не много не корректно задал вопрос - как в jQuery использовать регулярное выражение? var pattern = new RegExp ... ?
    – spoilt
    12 июн 2012 в 21:16

1 ответ 1

1

Плагин для jQuery

2
  • Пробовал использовать этот плагин, но почему-то не заработало ничего ;((
    – spoilt
    13 июн 2012 в 7:51
  • По нему достаточно документации, и под твои задачи он идеально подходит. Выложи код, который у тебя не работает, посмотрим, что не так.
    – gridsane
    14 июн 2012 в 3:50

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.