Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Цикл и input (https://javascript.ru/forum/misc/65126-cikl-i-input.html)

nuke 28.09.2016 15:48

Цикл и input
 
Вопрос решен! В $("feedback-i") забыл точку.

Ребята, всем привет!
Помогите решить. У меня есть 3 input'а, я хочу сделать так что-бы те поля в которых ничего нет подсвечивались красным (border).
Вот что я сделал, в каждом intput'е есть class feedback-i:
var inputs = $("feedback-i");
    for(var i = 1; i != 3; i++) {
        if(!inputs[i].value.length) {
            inputs[i].css("border-color", "#d64040");
        }
        setTimeout(function() {
            inputs[i].css("border-color", "#fff");   
        }, 1000);
    }

рони 28.09.2016 15:51

nuke,
ничните писать код

Pavel M. 28.09.2016 16:36

Цитата:

Сообщение от nuke
У меня есть 3 input'а, я хочу сделать так что-бы те поля в которых ничего нет подсвечивались красным (border).

сейчас, если не нужна поддержка старых IE, это можно делать на CSS

<!DOCTYPE html>
<html>
<head>
<style>
  .foo {border: 1px solid; }
  .foo:valid { border-color: green }
  .foo:invalid { border-color: red; }
</style>
</head>
<body>
  <input class=foo required>
  <input class=foo required>
  <input class=foo required>
</body>
</html>

laimas 28.09.2016 16:45

Можно и без .foo:valid { border-color: green }
.foo {border: 1px solid green}


Часовой пояс GMT +3, время: 04:01.