VPF::Проверка вводимых данных - Форум программистов

Exploiter

Дата 11.5.2011, 15:53 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 36
Регистрация: 27.6.2006

Репутация: нет
Всего: 1

Привет! есть форма которая открывается в модальном окне, 2 поля обязательны(возможно будут еще).
При вводе данных сразу проверяется на корректность.
Если есть ошибка то бордер становится красным, если все ок то зеленый
У кнопка отправить стоит атрибут disabled.
вот собственно код

Код

    $(document).ready(function() {
        $("#contactEmail").keyup(function(){
            var email = $("#contactEmail").val();
            if(email != 0)
            {
                if(isValidEmailAddress(email))
                {
                    $("#contactEmail").css({"border-color": "#00FF89"});
                    hasError="";
                } else {
                    $("#contactEmail").css({"border-color":"red"});
                    hasError="ErrorMAil";
                }
            } else {
                $("#contactEmail").css({
                    "background-image": "none"
                });            
            }
        });
    });
    function isValidEmailAddress(emailAddress) {
        var pattern = new RegExp(/^(("[\w-\s]+")|([\w-]+(?:\.[\w-]+)*)|("[\w-\s]+")([\w-]+(?:\.[\w-]+)*))(@((?:[\w-]+\.)*\w[\w-]{0,66})\.([a-z]{2,6}(?:\.[a-z]{2})?)$)|(@\[?((25[0-5]\.|2[0-4][0-9]\.|1[0-9]{2}\.|[0-9]{1,2}\.))((25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\.){2}(25[0-5]|2[0-4][0-9]|1[0-9]{2}|[0-9]{1,2})\]?$)/i);
        return pattern.test(emailAddress);
    }
    
    $(function() {
    maxchars = 2;
    number = $("input[id='text-count']").val().length;
    $("input[id='text-count']").keyup(function count(){
        if(number >= maxchars){
            $("#text-count").css({"border-color": "#00FF89"});
            $("#button").removeAttr("disabled")
        }
        else{
            $("#text-count").css({"border-color":"red"});
        }
        number = $("input[id='text-count']").val().length;
        $("#count").html("Количество введенных символов: "+number);
        });
    });

mrdexter

Дата 18.5.2011, 22:05 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 18.5.2011

Репутация: нет
Всего: нет

А в чем вопрос???

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: для новичков \| Следующая тема »