Форум

nuke · #1 (**permalink**) 28.09.2016, 15:48

Вопрос решен! В $("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);
    }

рони · #2 (**permalink**) 28.09.2016, 15:51

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

Pavel M. · #3 (**permalink**) 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 · #4 (**permalink**) 28.09.2016, 16:45

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

Форум

Справочник

Discord чат

Курсы javascript