Чтобы изменение цвета поля ввода происходило мгновенно при каждом некорректном символе и возвращалось в черный цвет после исправления ошибки, можно использовать событие `input`.
Ниже приведен пример кода, который отслеживает ввод каждого символа в поле ввода и меняет цвет поля ввода на красный, если введен некорректный символ. После исправления ошибки, цвет поля ввода возвращается в черный.
HTML:
```html
<input type="text" id="inputField">
```
CSS:
```css
.error {
color: red;
}
```
JavaScript:
```javascript
var inputField = document.getElementById('inputField');
inputField.addEventListener('input', function() {
var inputValue = inputField.value;
// Проверяем условие некорректного символа
if (inputValue.includes('некорректный символ')) {
inputField.classList.add('error');
} else {
inputField.classList.remove('error');
}
});
```
В данном примере, если в поле ввода будет введен символ 'некорректный символ', цвет поля ввода изменится на красный. При исправлении ошибки, цвет поля ввода возвращается в черный.
Вы можете изменить условие проверки (`if`) в соответствии с вашими требованиями и добавить другие классы стилей для различных состояний поля ввода.