Показать сообщение отдельно
  #4 (permalink)  
Старый 05.03.2013, 06:10
Аватар для danik.js
Профессор
Отправить личное сообщение для danik.js Посмотреть профиль Найти все сообщения от danik.js
 
Регистрация: 11.09.2010
Сообщений: 8,804

<style>
    .form{
        margin: 10px 0;
        -webkit-transition: box-shadow 0.5s;
        -moz-transition: box-shadow 0.5s;
        transition: box-shadow 0.5s;
    }
    .form.error{
        box-shadow: 0 0 5px #f00;
        border-radius: 3px;
    }
</style>
<div class="form">
<select>
  <option value="0">Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3" selected>3</option>
</select>
</div>
 
<div class="form">
<select>
  <option value="0" selected>Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
</div>
 
 
<div class="form">
<select>
  <option value="0" selected>Choose...</option>
  <option value="1">1</option>
  <option value="2">2</option>
  <option value="3">3</option>
</select>
</div>
<script src="//code.jquery.com/jquery-latest.js"></script>
<script>
    function submit() {
        var valid = true;
        $('.form').each(function(){
            if ($('select', this).val() == 0) {
                $(this).addClass('error');
                valid = false;
            } else {
                $(this).removeClass('error');
            }
        });
        if (valid) {
            // submit
        } else {
            // notify
        }
    }
</script>
<button onclick="submit()">Отправить</button>
Ответить с цитированием