проверка нескольких полей ... с одним сообщением об ошибке

Question

Мне нужно проверить 3 текстовых поля и показать на полях выделение красной рамкой, но после ввода всех 3 полей появляется общее сообщение об ошибке.

У меня есть 3 текстовых поля:

<label>LABEL TEXT</label>
<input type="text" value="" size="2" maxlength="2" class="formInput" name="code1" />
<input type="text" value="" size="2" maxlength="2" class="formInput" name="code2" />
<input type="text" value="" size="2" maxlength="2" class="formInput" name="code3" />

Проверка полей:

Обязательные поля

Допускаются только цифры, и допускаются точные 2 цифры.

Проверки на стороне клиента:

Мне нужно применить проверки к размытию, и по нажатию кнопки отправки он подтвердит проверку на стороне сервера.

Мне нужно применить валидации следующим образом ---- При размытии первого и второго мне нужно выделить поля для недопустимых записей. Но покажите общее сообщение об ошибке (метка будет заменена сообщением об ошибке) после размытия / ввода данных во все три поля.

Пожалуйста, задавайте вопросы, если что-либо выше НЕ понятно ... любая помощь очень ценится.

Answer 1

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

http://rocketsquared.com/wiki/Plugins/Validation#Validator