Если условие выполнено, то открыть окно

442
18 сентября 2017, 05:34

Есть два input, если в оба инпута ввели правильные данные допустим в первый input "123", а во второй input "123ABC" и если все правильно, показать модульное окно. Если ввели неправильные значения цвет фона обоих input должны стать цвета #ee6369 Желательно сделать все на js:)

Answer 1

Например, так:

var btn = document.getElementById('check'); 
 
btn.onclick = function() { 
  var ipn1 = document.getElementById('inp1'), // инпут 1 
    ipn2 = document.getElementById('inp2'), // инпут 2 
    val1 = inp1.value, // введенное value 1 
    val2 = inp2.value; // введенное value 2 
  if (val1 == '123' && val2 == '123ABC') { // если введено "123" и "123ABC" 
    // ваш код 
    inp1.style.backgroundColor = '#fff'; // перекрашиваем фон в белый 
    inp2.style.backgroundColor = '#fff'; // перекрашиваем фон в белый 
    console.log('Все верно'); 
  } else { 
    inp1.style.backgroundColor = '#ee6369'; // перекрашиваем фон в красный 
    inp2.style.backgroundColor = '#ee6369'; // перекрашиваем фон в красный 
  } 
}
<input id="inp1" type="text" /><br /> 
<input id="inp2" type="text" /><br /> 
<button id="check">Проверить</button>

READ ALSO
Как прикреплять файлы в форме обратной связи поочередно?

Как прикреплять файлы в форме обратной связи поочередно?

В форме обратной связи есть возможность прикреплять к письму файлы

290
как найти елементы по классу в обьекте

как найти елементы по классу в обьекте

как можно найти елементы по классу используя обьекты, проблема с этим кодом что он не находим елементы которые мы задаем в var rect = new Rectangle("elem",...

327
Простой калькулятор на javascript

Простой калькулятор на javascript

Требуется создать простой калькулятор расчета стоимости для сайта

366
Сanvas как сделать блур?

Сanvas как сделать блур?

https://codepenio/lvens/pen/aLozjK

233