Показать сообщение отдельно
  #8 (permalink)  
Старый 24.08.2015, 21:50
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,075

Сообщение от oopros
У меня был такой css рабочий с одной формой
id уникально неповторимо -- вы бы код чтоли взглянули -- нет же там никаких id
тестируйте код ниже и почитайте что нибудь про html css js
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">
  .validate + span {
    display:  inline-block;
    width: 38px;
    height: 28px;
    background-size:  auto;
    background-repeat: no-repeat;
  }
  </style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function() {
        $(".validate").on('input',function() {

            var email = $.trim(this.value), $span = $(this).next();

            if (email) {
                if (isValidEmailAddress(email)) {
                    $span.css({
                        "background-image": 'url("http://javascript.ru/forum/images/smilies/dance3.gif")'
                    });
                } else {
                    $span.css({
                        "background-image": 'url("http://javascript.ru/forum/images/smilies/cray.gif")'
                    });
                }
            } else {
                $span.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);
    }
</script>
</head>

<body>
   <input type='text' name='email[1]' class='validate' ><span></span>
   <input type='text' name='email[2]' class='validate' ><span></span>
   <input type='text' name='email[3]' class='validate' ><span></span>
</body>

</html>
Ответить с цитированием