Проверка формы Jquery не работает, как хотелось бы? Должен ли быть лучший метод?

Question

Взгляните на следующую ссылку, вы увидите, у меня есть простая форма с различными полями, которые являются обязательными.Я собрал небольшой скрипт для проверки записи перед отправкой.Обычно случайные числа генерируются с использованием php, но для примера я только что добавил их вручную.

Решение, похоже, работает, но я бы предпочел, чтобы после ввода одного значения ошибка исчезла.В настоящее время это работает для стандартных входных данных, которые просто требуют какой-либо записи, но не работают, когда для ввода требуется действительный адрес электронной почты или сумма.Если введено правильное электронное письмо, но контрольный вопрос не был введен, в поле электронной почты по-прежнему отображается ошибка.

http://jsfiddle.net/marcsanders/xgZeV/

Любая помощь приветствуется!

Answer 1

Вы можете попробовать добавить события «keydown» на все обязательные входы и удалить класс «error», если он вообще там подключен к входу.

Answer 2

Попробуйте выполнить следующее:

$('input.required').change(function() {
 $(this).parent('div').removeClass('error');
});

Здесь обновлен jsFiddle.

Вы также можете рассмотреть возможность использования атрибута html5 required для обязательных элементов, ачем с помощью JavaScript.