Input Поле без текста? без JQ?

Question

[idpgg]

нужно что бы при отправки формы, если инпуты незапонены, добавлять им класс ( подсвечивать красным и не отправлять фому пока они не заполнены )

<form>
<input type = 'text' id ='input1'>
<input type = 'text' id  ='input2'>
<button type = "submit" ></button>
</form>

function validating(){
if (input1.value === "" && input1.value ===""){ 
class.List. add "добавляем наш класс ccss с красным цветом"
}

event.preventDefault()
}
orderform.onsubmit = function () {
    validating();

Comments

[lpite]

В гугле КАК ДОБАВИТЬ КЛАСС НА ЕЛЕМЕТ JS

[idpgg]

lpite, да лол я знаю как class. Input1.classList.add ('и тут класс')

[lpite]

idpgg, тогда когда поля пустые event.preventDefault() и всё она не будет отправляться когда пустые

[Василий Банников]

idpgg, тогда в чём проблема?

[idpgg]

Василий Банников, все я понял в чем, код не работал просто,)))

[Василий Банников]

idpgg, удоли

Answer 1

[Stalker_RED]

Нет смысла делать проверку пустоты на js, если она уже встроена в браузер.
Атрибут required включит встроенную в браузер валидацию, и CSS-стилей достаточно, чтобы подсветить красным.



На js можно сделать какую-то более сложную валидацию, например проверка номера кредитной карты по алгоритму Луна:

Comments

[idpgg]

Спасибо, за помощь, да я знаю это. но именно задача стояла с помощью JS сделать валидацию. ( на курсах) но я уже разобрался.

[Kentavr16]

idpgg, неплохо было бы описывать решение вопроса, и отмнчать ответом. Другие люди будут благодарны)

[Stalker_RED]

idpgg, добавил пример