Маска формы с проверкой контента

[Свет_ка]

Всем привет!

Помогите решить проблему, нужно сделать проверку формы. Например, если вводишь неправильное значение, кнопка отправить не появляется

например ввожу в input "Красный" - кнопка не появляется, ввожу "Зелёный" - кнопка появляется

[ksa]

Помогите решить проблему

Вот статейка на аналогичную тему...
https://learn.javascript.ru/events-change

[Свет_ка]

Мне не хватает знаний и квалификации что бы самой решить проблему

[ksa]

Свет_ка, для таких у нас есть раздел https://javascript.ru/forum/job/

[Malleys]

Помогите решить проблему, нужно сделать проверку формы.

<form>
	<input pattern="Зелёный" required>
	<input type="submit" value="Отправить">
</form>

<style>

form:invalid input[type="submit"] {
	display: none;
}

</style>