у меня есть форма с полями, я хочу сделать при нажатии кнопки перебор полей, чтобы при отсутствии текста в поле, добавить ему красный border
и текст внутри, как сделать такой перебор?
через for
у меня почему то не работает
let btn_1 = document.querySelector('.btn');
btn_1.onclick = function (e) {
e.preventDefault();
let inputs = Array.from(document.querySelectorAll('.input_1'));
for (let i = 0 ; i<inputs.length; i++) {
if (!inputs[i]) {
inputs.style.border = "1px solid red";
inputs.value = "Заполните поле";
};
};
};
<form>
<input type="text" class="input_1">
<input type="text" class="input_1">
<button class="btn" type="button">отправить</button>
</form>
required
, но из за особенности кода в js, эта функция перестала работать, да и стилистика не та, которая нужна у дефолтного предупреждения. в js я и так получил все поля в массив, я не знаю как проверить каждое и присвоить ему стилиif (!inputs[i])
тут забылиvalue
,if (!inputs[i].value)
.